PNG and JPEG Optimizations
The PNGs and JPEGs that Marfeel extracts from a publisher's responsive site and displays in their Marfeel version are optimized through a lossless optimization process. This reduces the size of these resources to significantly enhance the performance and loading speed of a publisher's Marfeel PWA, while maintaining the quality of their images.
The way these optimization tools work is by removing unnecessary metadata like the image thumbnail.
Tools
Marfeel uses the following tools to optimize PNGs and JPEGs:
- ImageOptim for OSX
- PNG Crush for Unix OS
- advpng
- jpegoptim for JPEGs
Results
The following table illustrates the performance of Optim to exemplify size reduction and optimization of PNGs:
Image Optim for OSX
|
File
|
Before
|
After
|
Optimization
|
|---|---|---|---|
| Marfeel | 120K | 98K | -19% |
| Marfeel@2x | 120K | 86K | -28% |
For more information regarding optimization tools, see this article from Web Design Booth.