EWWW Image Optimizer는 웹 사이트의 이미지를 최고 속도로 유지합니다

메가 픽셀 카메라와 Wi-Fi 연결이 가능한 휴대 전화가 있으며 이미지를 웹 사이트에 직접 업로드하고 있습니다.?! EWWW 이미지 옵티 마이저 설립자 Shane Bishop 오늘날 초고속 인터넷 연결 및 무제한 저장 공간과 대역폭을 갖춘 호스팅 계획에서도 이미지를 최적화하는 추가 단계를 수행해야하는 이유를 설명합니다..


EWWW Image Optimizer를 설립하기 전에 배경에 대해 알려주십시오.

대학을 졸업 한 후 나는 몬태나의 고향으로 돌아와 지역 사회 대학의 IT 책임자로 일했습니다. 한편으로, 나는 친구와 가족을 위해 웹 사이트 컨설팅을하고 있었고 WordPress 웹 사이트를 더 빠르게로드 할 수 있도록 이미지를 압축하는 솔루션을 찾고있었습니다. 아마도 7 년 전쯤에 거의 오래된 기능을 갖춘 Yahoo smush API와 서버 액세스가 필요한 다른 플러그인을 제외하고 이미지 최적화를위한 어떤 것도 없었을 것입니다..

Bluehost와 공유 호스팅을하고 있었기 때문에 웹 서버에 대한 루트 (전체 관리 권한) 액세스 권한이 없었기 때문에 CW Image Optimizer를 분기하고 공유 호스팅과 작동하도록 다시 작성했습니다. 그것은 EWWW Image Optimizer의 첫 번째 릴리스였습니다..

왜 “EWWW”이미지 옵티 마이저인지 물어봐야합니다?

(웃음) 웹 컨설팅을하는 동안 생각해 낸 비즈니스 이름은 매우 독창적이지 않은 WWW였습니다. 그러나“EWWW, 이미지가 거칠고 부풀어 오른 것”과 같은 EWWW가 재밌다는 것을 깨달았습니다.!

왜 이미지 최적화?

우리가보고있는 것은 사람들이 휴대 전화 나 카메라에서 직접 사이트에 이미지를 업로드하는 것입니다. 즉, 최신 카메라에서는 대부분의 사람들이 작은 휴대 전화 화면에서 볼 수있는 포스터 크기의 1,200 만 화소 이미지를 사이트에 배치합니다. 멋진 1080 픽셀 컴퓨터 화면에서도 포스터 크기 이미지가 필요하지 않습니다. 첫 번째 부분은 웹 페이지에 비해 크기가 너무 크다는 것입니다..

다른 부분은 조금 까다 롭습니다. 포스터 크기의 이미지 파일은 불필요하게 무거울뿐 아니라 일반 컴퓨터 모니터에 표시 할 수있는 것보다 훨씬 상세합니다. 따라서 이미지 품질의 현저한 손실없이 JPEG 형식으로 많은 압축 작업을 수행 할 수 있습니다. 예를 들어 8MB (평균 웹 사이트 자체의 거의 3 배) 인 이미지를 1MB 미만으로 쉽게 압축 할 수 있습니다..

압축은 이미지 파일의 무게를 줄이지 만 이미지 크기를 변경하지 않았으며 1MB 이미지의 크기는 여전히 너무 커질 것입니다. 따라서 페이지의 적절한 높이와 너비로 크기를 조정하는 추가 단계를 수행합니다..

이것이 이미지 최적화의 두 가지 주요 기능입니다. 화면에 표시되지 않는 약간의 품질을 제거한 다음 크기를 조정하여 파일 크기를 압축.

EWWW Image Optimizer는 웹 사이트의 이미지를 최고 속도로 유지합니다

내가 좋아하는 비유는 여행을 위해 포장입니다. 서랍에있는 모든 옷을 여행 가방에 버린다면, 불필요한 물건을 많이 가져 가기 때문에 효율성이 떨어집니다. 그러나 옷을 갈아 입고 불필요한 것을 버리고 올바르게 다시 포장하면 아마 그 크기의 절반에 해당하는 가방에 모두 넣을 수 있고 항공사에서 그렇게 많이 지불하지 않을 수 있습니다! 이미지 압축은 데이터를보다 효율적인 컨테이너 또는 여행 가방에 다시 포장하는 것과 같습니다.

사이트에서 압축 이미지를 사용하면 어떤 이점이 있습니까??

이미지가 최적화되면 사이트로드 속도가 빨라져 방문자에게 더 나은 웹 사이트 경험을 제공하여 전환, 판매 또는 뉴스 레터 가입이 늘어납니다..

구글이 속도가 중요하다고 말하면서 SEO 순위에 유리할 수도 있습니다..

EWWW Image Optimizer는 어떻게 작동합니까?

큰 질문입니다! 본질적으로 사이트의 모든 이미지를 조합하여 압축하고 서버에 직접 다시 저장하는 전통적인 방법이 있습니다. 플러그인과 함께 제공되는 무료 도구를 사용하거나 이미지를 서버로 전송하여 모든 마법을 수행 한 다음 압축 된 버전을 원래 서버로 반환하는 프리미엄 압축 API를 사용하여 수행 할 수 있습니다. 최적화 된 이미지는 서버의 원본 이미지를 대체하므로 URL을 업데이트하거나 링크가 끊어 질 염려가 없습니다..

지난 몇 년 동안 CDN을 통해 이미지를 전송하여 최적화하는 새로운 방법에 대한 관심이 더욱 높아졌습니다. CloudFlare와 다른 몇 가지 CDN이 어느 정도는 수행하지만 Jetpack을 제외하고 WordPress와의 통합은 그다지 좋지 않았습니다. CDN, ExactDN은 이미지를 서버에 복사하여 압축, 크기 조정, 자르기, 크기 조정 및 필요한 경우 Google의 차세대 WebP 형식으로 변환합니다. 이러한 방식으로 모든 원본 이미지는 서버에 안전하게 보관되며 최적화 된 버전은 CDN 서버에 저장됩니다. Google 코드에서 CDN의 최적화 된 버전을 가리 키도록 이미지 링크 URL이 자동으로 변경되므로 링크가 끊어 질 염려가 없습니다..

물론 시간이 걸리므로 모든 것을 캐시합니다. 이러한 방식으로 한 번만 수행하면 해당 사이트의 모든 이미지가 영원히 최적화됩니다. 복잡한 것으로 들리지만 실제로는 매우 간단합니다. – 한 번의 클릭 거래와 bam! 모든 사이트 이미지가 최적화되었습니다.

EWWW Image Optimizer는 웹 사이트의 이미지를 최고 속도로 유지합니다

나에게 가장 적합한 EWWW IO 버전을 어떻게 알 수 있습니까??

이러한 결정을 내릴 때 살펴 봐야 할 주요 사항은 호스팅 계획에 포함 된 스토리지 양에 문제가 있는지 여부입니다. 이미지가 9GB를 소비하는 10GB 호스팅 계획을 가진 사람은 공간이 부족할 가능성에 대해 우려 할 것입니다. API 솔루션을 사용하면 서버에서 직접 이미지를 압축하고 3GB로 줄일 수 있으므로 CDN 대신 API를 선택해야하는 이유입니다..

그렇지 않으면 거의 동일한 압축률을 갖습니다. 기술적으로는 단일 이미지를 압축하기 위해 호스팅 환경에 따라 최대 30 초가 걸리기 때문에 API의 압축이 약간 더 높습니다. CDN에서는 초고 압축을 사용하지 않습니다. 모든 것이 거의 즉시 수행되어야하기 때문입니다. API를 사용한 55 % 압축에 비해 ExactDN의 평균 압축은 45 %이므로 실제로는 약간의 차이가 있습니다.

EWWW Image Optimizer는 웹 사이트의 이미지를 최고 속도로 유지합니다

EWWW에서 지원되는 파일 형식?

가장 일반적인 웹 형식이므로 JPEG에 대해 가장 많이 이야기하지만 PNG와 GIF의 다른 두 가지 기존 형식도 지원합니다..

PDF 압축은 서버에서 직접 압축 및 교체의 원래 모드를 사용하는 압축 API에서만 지원됩니다. PDF는 매우 큰 파일이고 즉석에서 압축하는 것이 실제로 매우 느리고 비효율적이기 때문에 ExactDN에서이 기능을 제공하지 않습니다.

두 버전에서 모두 지원되는 큰 기능 중 하나는 JPEG, GIF 및 PNG 이미지를 Google의 새로운 WebP 형식으로 변환하는 기능입니다. 그러나 ExactDN은 이미지를 WebP로 자동 변환하는 내장 스위치로 인해 더 쉽게 작업 할 수 있습니다..

EWWW Image Optimizer는 웹 사이트의 이미지를 최고 속도로 유지합니다

Google의 새로운 WebP 형식 및 장점?

물론 WebP는 본질적으로 다른 모든 이미지 형식을 완전히 대체하기위한 Google의 차세대 이미지 형식입니다. 그것은 JPEG보다 평균적으로 더 나은 압축을 제공하면서 애니메이션과 투명성과 같은 모든 종과 휘파람을 가지고 있습니다..

JPEG 형식이 최고조에 달한다고 생각하지만 여전히 많은 작업을 수행 할 수 있지만 WebP는 일반적인 손실 압축에 비해 5 ~ 10 %의 추가 비용을 절약합니다. 자연스럽게 진화 한 기술과 사람들이 더 똑똑해지고 사진을 압축하는 더 좋은 방법을 찾아냅니다..

우리의 웹 사이트가 좋아 보이고 빠르게로드되기를 원하기 때문에 큰 승리입니다. 속도를 위해 품질을 희생하지 않으면 서 항상!

다른 유형의 압축 방법이 다른 유형의 이미지에 더 적합합니다. WebP와 같은 단일 형식이 모든 이미지 유형에 가장 적합한 솔루션이되는 방법?

다른 형식이 WebP에 내장 된 것과 거의 같지만 실제로는 형식이 아니며 속성과 비슷합니다. 따라서 손실 모드, JPEG 스타일 압축으로 사진에 더 적합합니다. 무손실 모드에서 PNG 스타일 압축은 선명도를 유지해야하는 텍스트, 일러스트레이션 및 기타 평면 컬러 이미지에 더 적합합니다. WebP는 그 분야에서 정말 뛰어납니다.

그러나 Firefox 및 Edge와 같은 일부 주요 브라우저는 작년에 WebP를 지원하기 시작했으며 아직 WebP 애니메이션을 지원한다는 것을 모르겠습니다. 그것은 여전히 ​​수평선에있는 영역 중 하나이며, 애니메이션 GIF를 WebP로 변환하기 시작할 것입니다..

EWWW Image Optimizer는 웹 사이트의 이미지를 최고 속도로 유지합니다

지연 로딩이란 무엇이며 최적화에 어떤 도움이됩니까??

지연 로딩은 이미지가 화면에 올 때 (또는 가까이에있을 때까지) 이미지가로드되지 않도록하는 기술입니다. 첫 번째 이점은 방문자가 절대 보지 않는 이미지의 대역폭 낭비를 방지하는 것입니다. 이는 모바일 사용자에게 특히 중요 할 수 있습니다. 둘째, 이미지는 종종 웹 사이트 크기 / 페이로드의 가장 큰 부분이므로 이미지를 느리게로드하면 페이지로드 속도가 훨씬 빨라집니다.

ExactDN을 사용하면 지연 로더의 추가 이점은 이미지를 방문자의 화면 크기에 맞게 동적으로 조정할 수 있다는 것입니다.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me

About the author

Adblock
detector