Make your site faster through image optimization - GoDaddy
description
Transcript of Make your site faster through image optimization - GoDaddy
![Page 1: Make your site faster through image optimization - GoDaddy](https://reader034.fdocuments.us/reader034/viewer/2022052622/558e65f11a28ab81218b45ec/html5/thumbnails/1.jpg)
![Page 2: Make your site faster through image optimization - GoDaddy](https://reader034.fdocuments.us/reader034/viewer/2022052622/558e65f11a28ab81218b45ec/html5/thumbnails/2.jpg)
How To Make Your Website Faster
Episode 2) Image Optimization
![Page 3: Make your site faster through image optimization - GoDaddy](https://reader034.fdocuments.us/reader034/viewer/2022052622/558e65f11a28ab81218b45ec/html5/thumbnails/3.jpg)
The Goal
Smallest filesize;still looks great
1.01MB 92.76 KB
![Page 4: Make your site faster through image optimization - GoDaddy](https://reader034.fdocuments.us/reader034/viewer/2022052622/558e65f11a28ab81218b45ec/html5/thumbnails/4.jpg)
What Format? When? How?
JPEG (JPG)Use for
● Photo
Tips● Resize WxH● Remove all metadata● Progressive always● 75 quality, try lower
PNGUse for
● Graphics (logos, graphs)● Transparency
Tips● Resize WxH● Remove all metadata● Interlace size tradeoff● Try 8-bit (256 colors) and lower
○ 24bit okay
GIFUse for
● Very small image (1x1 pixel)
● Animation needed
![Page 5: Make your site faster through image optimization - GoDaddy](https://reader034.fdocuments.us/reader034/viewer/2022052622/558e65f11a28ab81218b45ec/html5/thumbnails/5.jpg)
JPEG - Quality vs File Size!
![Page 6: Make your site faster through image optimization - GoDaddy](https://reader034.fdocuments.us/reader034/viewer/2022052622/558e65f11a28ab81218b45ec/html5/thumbnails/6.jpg)
Tools of the trade[GENERIC TOOLS]RIOT Windows GUI based and CLI based + batch processing
ImageOptim GUI based tool for Mac
ImageMagick Multi-platform command line utility
[ONLINE TOOLS/SERVICES]Smush.It Yahoo’s free JPEG and PNG optimizer
tinypng Free drag & drop tool for PNG optimization (reduces color palette to 8-bit!)
kraken.io Supports JPEG, PNG and GIF - free and paid service
JpegMini JPEG optimization; free and paid services
[OTHERS]PNGOptimizer, PNGcrush, OptiPNG, JpegOptim, JpegTran
![Page 7: Make your site faster through image optimization - GoDaddy](https://reader034.fdocuments.us/reader034/viewer/2022052622/558e65f11a28ab81218b45ec/html5/thumbnails/7.jpg)
Athletesbrand.com - Before/After
0.7 MB!2.8 MB!
BEFORE AFTER