[포토샵] 웹용으로 이미지를 저장하여 파일 크기를 최소화하는 방법

Photoshop에서 웹 및 장치용으로 이미지 파일 저장하기

워드프레스에서 이미지 최적화를 위해 EWWW Image Optimizer와 같은 이미지 최적화 플러그인이 많이 사용됩니다. 하지만 이 플러그인은 미디어 파일을 추가할 때 이미지 압축 작업을 해주므로 불필요한 서버 리소스를 사용하게 되므로 바람직한 방법은 아닌 것 같습니다. (그리고 간혹 미디어 업로드 시 "연결이 끊어졌습니다" 등 예상치 못한 문제가 발생하기도 합니다.)

포토샵 등에서 이미지 파일을 저장할 때 웹용으로 저장하면 불필요한 정보가 삭제되면서 이미지 파일의 크기가 최소화됩니다. 포토샵의 경우 이미지 파일이 포토샵에서 열려 있는 상태에서 File > Save for Web & Devices...(웹 및 장치용으로 저장...) 메뉴를 통해 이 기능을 사용할 수 있습니다.

포토샵의 "웹 및 장치용으로 저장" 메뉴
포토샵의 "웹 및 장치용으로 저장" 메뉴

그러면 다음 그림과 같이 웹 및 장치용 저장 옵션이 표시됩니다.

Photoshop_Save-for-Web-and-Devices-Example

Optimized 상태에서 적절히 설정을 변경하거나 2-Up 또는 4-Up을 선택하여 원본과 비교하면서 설정할 수도 있습니다.

Save-for-Web_options

위의 그림은 4-Up을 선택한 경우의 화면입니다.

그리고 Compressor.io 같은 온라인 이미지 압축 서비스를 이용하면 추가로 약간 더 파일 크기를 줄일 수 있습니다.

참고:

Leave a Comment

프리미엄 테마 그래픽 동영상 템플릿 무료 다운로드