optimizer 3

이미지 최적화.... 뭐가 이래 복잡해..

이미지 최적화 srcset 및 picture 이미지 최적화 이미지 제거 및 바꾸기 불필요한 이미지 리소스 제거 가능한 경우 CSS3 효과 활용 이미지에서 인코딩 텍스트 대신 웹 글꼴 사용 고해상도 화면의 영향 벡터이미지를 추천. 래스터 이미지를 사용해야한다면 srcset 및 picture를 사용하여 각 이미지에 대한 여러 버전을 제공하고 최적화. 압축이미지 압축 이미지 기법은 기기의 실제 성능에 상관없이 높은 압축율의 2x 이미지를 모든 기기에 제공. 이미지 유형과 압축 수준에 따라 파일 크기가 상당히 줄어들지만 화질은 별차이가 없어 보일 수 있다. Caution 압축 기법 사용 시 메모리가 늘어나고 디코딩 비용이 필요하므로 주의하세요. 작은 화면에 맞게 큰 이미지의 크기를 조정하는 것은 비용이 많이 들..

lang/front 2018.08.16

워드프레스 사이트 속도향상

참고Speed Up Your WordPress Site내용은 sitepoint.com 에서 Chris Burgess가 작성한 Speed Up Your WordPress Site에서 제목부분과 일정부분만을 발췌했습니다. 해당 페이지를 보시면 이미지와 함께 상세한 정보가 있으니 읽어보길 권해 드립니다. 워드프레스 프로그램에서 뿐만아니라 서버와 네트워크까지 아우르는 속도향상 방법을 제시했습니다. 그렇지만 그 내용은 워드프레스 뿐만 아니라 어느 사이트나, 혹은 솔루션 모두에게 적용되는 방안입니다. 왜 웹사이트의 속도를 측정해야 하는가 etter User Experience 더 나은 사용경험 : KISSmetrics에 따른면 소비자의 47%가 웹 사이트의 페이지는 2초 내에 로드 할 것으로 예상한다. 그렇지 않을..

web/wordpress 2014.07.02

대결! 온라인 이미지 압축(최적화) 도구 비교

참조showdown! 5 Online Image Compression Tools Compared대결! 온라인 이미지 압축 도구 비교 HTTP Archive Report 2013년 페이지 평균크기는 1.7MB * 비교대상TinyPNGCompressnowCompressor.ioJPEG-OptimizerImage Optimizer * 결론 TinyPNG Compressnow Compressor.io JPEG-Optimizer Image Optimizer Supported formats PNG GIF, JPG, JPEG, PNG JPEG, PNG, GIF, SVG JPEG, JPG Unknown – PNG for sure, possibly JPG and GIF as well, including animated ..

ux/img 2014.06.30
반응형