무료 온라인 이미지 최적화 서비스 - Optimizilla

무료 온라인 이미지 최적화 서비스 Optimizilla

---

웹 프로젝트를 진행할때 큰 리소스를 차지하는 것중 하나가 바로 이미지 파일들이다. 때문에 사용자에게 원활한 서비스 제공을 위해서는 많은 이미지 사용을 지양해야겠지만 프로모션 이미지나 배너 이미지 등 모든 비주얼적 요소까지 이미지 사용을 제한하는 것은 한계가 있다.

심미성과 사용성 두마리 토끼를 잡기 위해서는 사용될 이미지를 최적화 하는 방법이 있다. 보통 웹사이트 신규 작업 시 사용되는 이미지들은 디자이너나 퍼블리셔, 또는 프론트엔드 개발자들의 손을 거치면서 이미지 최적화작업을 거치게 되는데, 웹사이트가 운영으로 넘어가면서 이벤트, 배너, 콘텐츠에 들어가는 이미지등은 이미지 최적화 작업이 생략되는 경우가 많다. (사실 몰라서 못하는 경우도 많을 것이라 생각된다)

---

위와 같은 경우를 포함하여 웹서비스가 아니더라도 누구나 쉽게 이미지를 최적화 할 수 있는 무료 온라인 서비스를 소개하려고 한다. 바로 Optimizilla라는 서비스이다.

 

Optimizilla 서비스 로고 (클릭시 Optimizilla 서비스로 이동합니다.)

---

사용방법은 Optimizilla 웹사이트에 접속하면 15개국어를 제공하는 것을 알 수 있다. 원하는 언어를 설정한 뒤에 아래 파일업로드 버튼을 누르거나 또는 최적화를 원하는 사진을 표시 드래그 앤 드랍하면 자동으로 최적화 작업을 진행한다.

 

이미지를 업로드하여 최적화 작업을 진행한다.

위 GIF이미지를 보면 이미지 용량이 431Kb에서 112Kb로 무려 74%나 이미지 용량이 줄어들은 것을 확인할 수 있다.

그게 끝이다. 완료된 이미지를 확인 후 다운로드 받아 사용하면 된다.

---

만약 이미지가 너무 압축이되어 사진퀄리티가 많이 안좋아졌다면 퀄리티 바를 조절하여 퀄리티를 높일 수도 있다. 

(원본과 실시간 비교가 가능하다)

 

퀄리티 보정

Optimizilla서비스는 현재 jpg와 png 포멧의 이미지만 압축서비스를 제공하고 있다.

---

2019/09/20 - [CSS] - CSS 로딩UI 만들기 #1. 회전하는 원(Circle)

CSS 로딩UI 만들기 #1. 회전하는 원(Circle)

2019/09/03 - [UI 클론(Clone)] - 구글 로그인 인풋박스(Google Login Inputbox) UI Clone

구글 로그인 인풋박스(Google Login Inputbox) UI Clone

2019/09/04 - [JavaScript] - 스크롤 감지하여 고정메뉴 노출/비노출 처리 이벤트

스크롤 감지하여 고정메뉴 노출/비노출 처리 이벤트