본문 바로가기

이미지45

사이트 - 사진,이미지 배경 지우는 site / remove.bg, burner.bonanza.com 배경 투명으로 만들어 주는 사이트 안녕하세요. 고코더 입니다. 오늘은 배경을 지워주는 사이트를 소개하려 합니다. 포토샵이나 일러스트러 기능으로 외곽선을 따서 메인 컨텐츠만 활용 하기도 하는데요. 참 귀찮고 시간이 많이 드는 작업입니다. 그런데 제가 소개해줄 사이트들은 이런 배경을 자동으로 지워서 메인 컨텐츠만 사용 할 수 있도록 해주는 기능을 제공 합니다. 1.리무브.bg https://www.remove.bg/ ▼ 무료 이미지에서 사진 찍는 사람의 배경을 지워 봤는데요. 인식률이 장난 아닙니다. ▼단점이 하나 있습니다. 바로 사람이 아닌 이미지는 인식이 되지 않습니다. 인물 사진에 배경을 지우고 싶을때 사용하면 좋겠네요. 2.버너 보난자 닷컴 https://burner.bonanza.com/ ▼ 이 사.. 2019. 1. 30.
사이트 - 저작권 없는 대표적 무료 이미지 Site 사용 가능한 프리 이미지 사이트 안녕하세요. 고코더 입니다. 오늘은 무료 이미지 사이트 중에 가장 대표적인 3곳을 소개 해드립니다. 홈페이지를 만들다 보니 이렇게 무료로 이미지를 제공하는 사이트가 얼마나 고마운지요. 생각보다 이런 사이트가 많지만 퀄리티가 떨어지거나 갯수가 떨어지는 곳이 있죠. 그러나 아래는 이 두가지를 모두 충족 합니다. 1.픽사베이 가장 유명한 곳입니다. 많은 사이트가 보면 여기에 이미지를 많이 사용 합니다. https://pixabay.com ▼ 160만개가 넘는 무료 이미지가 존재 하고 장르별로 무한 합니다. 그리고 이곳에서 이미지를 사용하면 일맥상통한 느낌을 주게 됩니다. 2.프리 큐레이션 픽사베이보다 조금 더 감각적이고 이쁜 이미지가 많습니다. http://www.freeqra.. 2019. 1. 29.
에버노트 - 노트 안 이미지 용량 줄이기 에버노트 노트 속에 이미지 그림판으로 해상도 용량 줄이기 안녕하세요. 고코더 입니다. 에버노트를 오래 쓰다보면 용량이 기가 바이트 이상으로 늘어 납니다. 저 같은 경우는 이미지 파일이 대다수가 존재합니다. 사실 필요한 해상도이면 충분하지만 기록하다 보면 몇십메가 짜리 이미지 파일을 모르고 첨부하게 되죠 그래서 오늘은 이미 기록된 노트 안에 이미지 파일 용량을 간단하게 줄이는 방법을 알아보 겠습니다. ▼줄이고 싶은 노트의 이미지의 마우스 오른쪽 버튼을 눌러 열기 프로그램에서 그림판을 클릭 합니다. ▼ 그리고 그림판에서 크기조정 기능을 선택 ▼ 원하는 만큼 해상도를 줄여보세요 저는 50프로~ ▼그리고 저장을 누르면 이미지는 해당 해상도도 줄고 노트 용량도 줄어듭니다. 동기화만 다시 해주면 끝 마무리 미리 미.. 2019. 1. 3.
사이트 - 간단하게 이미지 합치기 / e.jjalbox.com 여러개 이미지 합쳐주는 사이트 안녕하세요. 고코더 입니다. 블로그를 하다보면 분할된 이미지를 하나로 만드는 경우가 있습니다. 저는 보통 그림판(구석기)으로 작업합니다. 빠르게 작업하기 좋은 툴입니다. ▼ 그런데 이 사이트에서는 그 합치기를 간단하게 제공 해주고 있습니다. https://e.jjalbox.com/?act=image_append ▼ 각 파일 선택으로 이미지를 여러개 업로드 합니다. ▼ 저는 7글자를 업로드 했습니다. G.O.C.O.D.E.R ▼ 그리고 해당 이미지 옵션을 조정 후에 이미지 합치기를 했습니다. ▼ 결과물은 정말 간단하게 나오네요 전문적인 작업 말고 정말 아주 간단하게 이미지만 위 아래로 붙일 생각이라면 사용 하기 좋아 보입니다. 마무리 만들어 볼만 한 기능 사이트네요 2019. 1. 2.
사이트 - 문자(text), 이미지,PDF 비교 / diffchecker.com 개발 소스 비교 사이트 안녕하세요. 고코더 입니다. 틀린 글자 찾기, 틀린 그림 찾기 문서가 잘못됐거나 소스코드가 틀렸을 경우에 원본과 현재 수정중인 데이터를 비교해봐야할 경우가 있습니다. 이럴땐 우린 매직아이를 시도하게 됩니다. 하지만 IT 익스프레스 구독자들은 그럴 필요가 없습니다 ▼ 바로 이사이트가 있기 때문입니다. https://www.diffchecker.com/ ▼ 접속하면 Text 비교 영역이 있습니다 여기에 한번 데이터를 넣어보았습니다. ▼ 네 이전에 XML 개발 강의때 사용한 소스코드인데 몇가지 수정을 한후에 비교해보니 정확히 틀린곳을 하이라이트로 보여주네요 ▼ 이미지도 가능합니다. 대신 이미지는 왼쪽 오른쪽 이동 가능한슬라이드를 이용해서 두이미지를 눈으로 비교 가능하도록 해놓았습니다. .. 2018. 12. 28.
유투브 - 썸네일 이미지 다운받기 youtube 이미지 다운로드 안녕하세요. 고코더 입니다. ▼유투브에 접속해보면 각 영상마다 대표 썸네일이 존재합니다. 이 이미지가 필요해서 캡쳐해서 편집해서 사용한적이 있었는데 ▼유투브에서는 썸네일 API를 제공하고 있었습니다. 아래 URL을 확인해보시면 https://img.youtube.com/vi/4rp2aLQl7vg/0.jpg ▼ 이렇게 우리형 썸네일이 보이고 자유롭게 다운로드 가능 합니다. ▼ 사용법은 이렇습니다. 해당 URL 가운데 동영상 고유 코드를 넣으면 됩니다. 그리고 뒤어 jpg 앞에 0부터 숫자를 넣으면 됩니다. https://img.youtube.com/vi/[동영상코드]/[0~].jpg ▼ 동영상 코드는 영상 상세 들어가면 나오게 되는 제일 뒤 파라미터 입니다. 마무리 일반 사용.. 2018. 12. 20.
jQuery - lazyload() 이미지 동적으로 / 스크롤시 호출 이미지가 화면에 올때 로딩 되게 하기 안녕하세요. 고코더 입니다. 오늘은 동적으로 이미지를 호출하여 페이지 로딩은 빠르게 하고 고객이 원하는 곳에 갔을 때만 해당 이미지를 볼 수 있도록 만들어 보려고 합니다. 모바일을 많이 사용하는 환경에서 이젠 동적 호출은 기본이 되어가고 있습니다. 오늘 써볼 플러그인은 lazyload() 입니다. ▼홈페이지는 아래와 같습니다. https://appelsiini.net/projects/lazyload/ 공식적인 API 의 내용은 읽어보셔서 참고 하시길 바랍니다. 저는 좀 더 익스프레스 하게 알려드리기 위해 샘플을 코딩 해보았습니다. ▼ 아래 내용을 참고해주세요 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 2.. 2018. 2. 12.
크롬 - 사이트 이미지 다운로드 / image Picker 사이트 이미지 퍼오기 확장 프로그램 image Picker 안녕하세요. 고코더입니다. 사이트를 둘러보다 이미지를 다운로드 하고 싶을때가 있습니다. 방법은 다양합니다. 우클릭 제한을 해제 해서도 가능하고 사이트 저장 후에 이미지를 골라 내도 됩니다. 그런데 숨겨진 이미지부터 감각적이고 직관적으로 이미지들을 다운로드 받을 수 있는 방법이 있어 이를 알아 보려고 합니다. 크롬에 이미지를 맵으로 제공하는 프로그램이 Image Picker를 소개해드릴려고 합니다. ▼크롬에서 해당 URL을 접속합니다. 그리고 크롬 추가를 누르면 설치가 완료됩니다. http://bit.ly/2Kb9GVI ▼브라우저 오른쪽 맨위를 보니 사진기 모양의 아이콘이 생겼습니다. 사이트에 접속해 이 버튼을 누르면 ▼ 제 블로그로 이동해서 해당.. 2018. 2. 9.
ASP - 이미지 사이즈 알아내기 ASP 상에서 이미지 사이즈 알아내기 ASP 언어에서 서버에 있는 이미지 파일의 높이 넓이를 알아내는 방법입니다.의외로 필요한 경우가 많습니다. 이미지 사이즈에 맞게 view를 한다거나유효성 체크 할때도 있죠. 자바스크립에서도 가능한 방법이지만서버에서 우선 이미지 사이즈를 알아 낼 수 있기 때문에 자주 사용하는 방법입니다. 1234567891011 2017. 7. 4.