본문 바로가기

이미지45

사이트 - jpg 파일 용량 압축 / imgpresso.co.kr jpg 파일 용량 압축 안녕하세요. 고코더 입니다. 이미지 압축하는 사이트를 이전에 알아보았습니다. -> 사이트 - 해상도를 유지하여 이미지를 압축하기 / iloveimg.com ● 1. 용량을 줄이는 사이트가 하나 있어서 소개 드립니다. 그런데 이곳은 아쉽게 jpg 파일만 압축이 가능합니다. (아마자 PHP GD라이브러리를 활용해서 만들어서 그런거 같네요) ● 2. 아래 사이트로 접속해 보세요. http://imgpresso.co.kr/ ● 3. 이미지를 해당 고셍 드래그 드랍이나 파일선택으로 업로드 해보세요. ● 4. 그럼 아래처럼 압축용량을 알 수 있습니다. ● 5. 이 사이트는 품질 퀄리티를 지정 가능 합니다. 마무리 jpg 파일 압축은 좋은 사이트네요. 2019. 7. 8.
사이트 - 해상도를 유지하여 이미지를 압축하기 / iloveimg.com 이미지 크기는 그대로 이미지 용량을 줄이기 안녕하세요. 고코더 입니다. ● 1. 스마트폰이 활성화되고 모바일 웹이 중요시되면서 이미지는 더욱더 가볍게 제작하는 추세입니다. 하지만 이미지 편집을 할 줄 아는 분이라면 쉽겠지만 일반적인 같은 경우 어려운 일입니다. ● 2. 하지만 아래 사이트 아이 러브 IMG 닷컴에서는 자동으로 최적화된 용량과 화질로 이미지를 압축 시켜줍니다. ● 3. 아래 사이트로 이동해주세요. https://www.iloveimg.com/ko/compress-image ● 4. "여러 이미지 선택" 버튼을 클릭하여 압축할 대상을 선택합니다. ● 5. 이미지가 업로드되면 "여러 이미지 압축" 버튼이 존재합니다. 여러 개에 이미지를 동시에 압축 가능합니다. ● 6. 그러면 서버에서 이미지를.. 2019. 7. 5.
Faceswapper - 얼굴 합성을 시켜주는 프로그램 / 첨부파일 윈도우 얼굴 합성 프로그램 안녕하세요. 고코더 입니다. ● 1. 이전 시간에는 온라인 사이트에서 얼굴을 합성하는 방법을 배워 보았습니다. -> 얼굴 합성 온라인에서 간단하게 / reflect.tech ● 2. 이번에는 윈도우 프로그램을 통해 사용해보겠습니다. 해당 사이트에서 Faceswapper을 다운받아 보세요. http://bit.ly/2XrXHaG 첨부파일은 여기 있습니다. ● 3. 실행 후에 NEXT를 클릭 ● 3. 처음 이미지는 바뀔 얼굴 이미지를 로드 합니다. ● 4. 그 다음은 바뀔 얼굴을 로드 합니다. ● 5. 그럼 프로그램이 알아서 얼굴에 이미지를 찾아 줍니다. ● 6. 그리고 합성 된 후에 상세한 설정을 변경 가능 합니다. ● 7. 그리고 이미지를 세이브 하면 ● 8. 이렇게 합성된 이.. 2019. 7. 5.
Photoshop CC - 그라데이션 배경 이미지, 색상 바꾸기 포토샵 CC 그라데이션 되어 있는 색상을 변경하기 안녕하세요. 고코더 입니다. ● 1. 웹사이트의 배경 이미지로 사용하려고 하는데 너무 어두운 느낌이 있어서 조금 밝게 제 느낌에 맞게 변경하려고 합니다. ● 2. 해당 이미지를 포토샵으로 불러옵니다. ● 3. 이미지->조정->색상균형으로 들어갑니다. 단축키는 Ctrl + B라고 표시되어 있네요. ● 4. 그럼 여기서 색조/채도를 바꿀 수 있는 팝업이 뜹니다. 색조,채도,밝기를 조절해서 원하는 색상으로 변경해보세요. ● 5. 원래에 느낌 그대로 있던 그라데이션은 남아있으면서 색상이 변경 되었습니다. 이런 명암비로 표현된 단색 이미지는 이런 방식으로 조정해서 색상을 바꿔 보세요. 마무리 포토샵만 있으면 이미지 편집 걱정 끝 2019. 6. 26.
sigil - 시길에서는 잘 나오던 이미지 리더에서는 엑스박스 뜰때 완성본이 이미지 오류일때 안녕하세요. 고코더 입니다. 시길에서 나오던 이미지가 전자책 뷰어에서는 엑스박스로 표시 되고 있네요. 한참을 찾고 찾다 보니깐 원인을 밝혀 냈습니다. ● 1. 책 표지 커버이미지를 맨 앞을 대문자로 변경하여 저장했습니다. ● 2. 그리고 파일에는 소문자로 png를 링크 했는데 ● 3. 시길 미리보기에서는 이미지가 잘 보이고 있습니다. ● 4. 그런데 뷰어에서는 엑박으로 보입니다. ● 5. 프로그램을 만드는 사람 나름이지만 대소문자 체크를 하지 않고 모두 소문자로 치환하여 시길에서는 이미지를 보여주는거 같습니다. 그래서 이미지 명을 다시 소문자로 변경하고 이미지 오류가 없어졌습니다. 혹시 완성본이 이미지 뷰 오류가 생기는 분은 이미지명을 소문자, 대문자 체크를 잘해보세요. 마무리 .. 2019. 6. 22.
Photoshop CC - 이미지 크기 조절하기 포토샵으로 이미지 사이즈 조절 안녕하세요. 고코더입니다. 이미지를 줄이는 가장 편한 도구는 그림판 그리고 알씨라고 생각 합니다. 둘다 간단하고 간편하게 크기조절이 되지만 문제는 깔끔하게 사이즈 변경이 되지 않습니다. 이미지가 깨지죠. 디테일적인 부분도 문제입니다. 그래서 포토샵으로 이미지를 줄이는 방법을 말씀드리겠습니다. ● 1. 이미지를 불러온 상태에서 포토샵 "이미지" -> "이미지 크기"를 선택 합니다. ● 2. 이미지 크기 조절 UI가 뜨는데요 맞추는 방식은 퍼센트부터 픽셀 센치까지 폭과 넓이에 숫자를 넣어주면 됩니다. 그러면 화면에서처럼 치수 즉 사이즈가 즉각적으로 보이게 됩니다. ● 3. 확인을 누르면 사이즈 변경이 완료 됩니다. ● 4. 해당 이미지를 쓰고 싶다면 다른이름으로 저장해서 jpg.. 2019. 6. 5.
에버노트 - 노트에서 모자이크 처리 쉽게 하기 evernote 모자이크 처리 안녕하세요. 고코더 입니다. 사진을 찍었는데 타인의 초상권이 존재하게 될때 모자이크로 처리 하여 업로드 하게 됩니다. 이런 작업을 처리하는 방법과 프로그램은 많습니다. 하지만 에버노트를 사용하신다면 가장 쉽고 간편한 방법이 있어 이를 소개하려고 합니다. ▼ 노트상에 이미지 위에 마우스 오른쪽 버튼을 누릅니다. 그리고 "이 이미지에 주석 달기" 라는 메뉴를 클릭 합니다. ▼ 그리고 나온 메뉴에 왼쪽에 모자이크 모양을 클릭 합니다. ▼ 그리고 원하는 부위를 마우스로 왼쪽 버튼으르 드래그 합니다. ▼ 마지막으로 저장을 하면 완료 입니다. 에버노트가 가지고 있는 이미지 주석 처리 시스템으로 쉽게 모자이크 처리가 가능 합니다. 자체 편집 기능도 강력 합니다. 추천 컨텐츠 그림판 - .. 2019. 5. 21.
jQuery - 이미지의 img src 태그로 선택하기 jquery img src selector 안녕하세요. 고코더 입니다. 개발을 하던 중에 이미지의 src 속성 이미지의 주소를 선택하여 수정할 일이 생겼는데 쓸모가 많은 방식인거 같아 블로그를 남겨드립니다. 제이쿼리에서 img의 src 속성으로 당연히 선택을 할 수 있습니다. 제 블로그에 있는 이미지 주소를 사용해 말씀드리겠습니다. https://tistory1.daumcdn.net/tistory/2778128/skin/images/epantheo.jpg ▼ 이미지 src를 선택하는 3가지 방법입니다. 12345678910111. 이미지 주소 전체를 넣어 검색 - 하나의 이미지만 선택할때 유용 합니다. ex) $("img[src='https://tistory1.daumcdn.net/tistory/2778.. 2019. 4. 12.
HTML - image maps 이미지맵 만들기 사이트 / image-maps.com 이미지맵 코드 생성 사이트 안녕하세요. 고코더 입니다. 이미지맵을 작성할때 머리가 비상한 분이면 이미지의 좌표를 바로 분석하고 코드를 기입하겠지만 보통은 프로그램이나 사이트의 도움을 받아 작성을 하는게 보통입니다. 그런데 프로그램은 귀찮고 사용해본 결과 이사이트가 가장 손쉽게 사용이 가능합니다. ▼ 이미지맵스는 "익스플로어"에서만 작동이 됩니다. (크롬에서 작동이 안되요!!!) http://www.image-maps.com/ 이미지 URL을 입력하고 start Mapping을 입력 합니다. ▼해당 이미지가 맞다면 click to continue 를 클릭해주세요. ▼새로 생긴 창에서 마우스 오른쪽 버튼을 누르면 사이트 기능이 뜹니다. 우린 가장 많이 사용하는 네모 "create rect"를 클릭해보겠습니다.. 2019. 3. 24.