Essential Image Optimization


283 bookmarks. First posted by 1000ch september 2017.


A free book on modern image optimization techniques. Formats, decoders, techniques for efficient compression and more are covered.
#optimize  #imageCompression  #tinypng 
12 days ago by bradfranklin
By Addy Osmani
performance  images 
18 days ago by kbonnet
An eBook by Addy Osmani
optimization  performance  webdev  webdesign  images 
february 2018 by indiamos
A comprehensive guide to image optimization on the web.
webdev  images  optimization  performance 
february 2018 by _jason
"choosing an image optimization strategy will come down to the types of images you’re serving down to your users and what you decide is a reasonable set of evaluation criteria. It might be using SSIM or Butteraugli or, if it’s a small enough set of images, going off of human perception for what makes the most sense."
image  optimization  webperf 
january 2018 by nhoizey
A free book on modern image optimization techniques. Formats, decoders, techniques for efficient compression and more are covered.
image  optimization  images  compress 
january 2018 by cajazzer
A free book on modern image optimization techniques. Formats, decoders, techniques for efficient compression and more are covered.
images  graphics  photos  web  optimization  webdev 
january 2018 by lgarron
Everyone should be compressing their images efficiently.
At minimum: use ImageOptim. It can significantly reduce the size of images while preserving visual quality. Windows and Linux alternatives are also available.
More specifically: run your JPEGs through MozJPEG (q=80 or lower is fine for web content) and consider Progressive JPEG support, PNGs through pngquant and SVGs through SVGO. Explicitly strip out metadata (--strip for pngquant) to avoid bloat. Instead of crazy huge animated GIFs, deliver H.264 videos (or WebM for Chrome, Firefox and Opera)! If you can’t at least use Giflossy. If you can spare the extra CPU cycles, need higher-than-web-average quality and are okay with slow encode times: try Guetzli.
webdev  image  optimization  performance  compression  automation 
january 2018 by euler
tips on automating image compression.
image  optimization  tutorial 
december 2017 by mootPoint
How can I tell if my images need to be optimized?
How do I choose an image format?
The humble JPEG
JPEG compression modes
The advantages of Progressive JPEGs
Who’s using Progressive JPEGs in production?
The disadvantages of Progressive JPEGs
How do you create Progressive JPEGs?
Chroma (or Color) Subsampling
How far have we come from the JPEG?
Optimizing JPEG Encoders
What is MozJPEG?
What is Guetzli?
How does MozJPEG compare to Guetzli?
Butteraugli
What is WebP?
How does WebP perform?
Who’s using WebP in production?
How does WebP encoding work?
WebP browser support
How do I convert my images to WebP?
How do I view WebP images on my OS?
How do I serve WebP?
SVG optimization
Avoid recompressing images with lossy codecs
Reduce unnecessary image decode and resize costs
Delivering HiDPI images using srcset
Art direction
Color management
Image spriting
Lazy-load non-critical images
Avoiding the display: none; trap
Does an image processing CDN make sense for you?
Caching image assets
Preloading critical image assets
Performance Budgets For Images
webdesign  howto  webdev  reference  optimization  images 
december 2017 by mathieup
Manual y recopilación de información y recursos para optimizar imágenes
optimization  performance  image  compression  reference  compilation 
december 2017 by gorilas
Essentially this: you should be optimising your images.
from twitter
december 2017 by topgold
A free book on modern image optimization techniques. Formats, decoders, techniques for efficient compression and more are covered.
book  image  optimization 
december 2017 by miklb
An ebook on image optimization
image  optimization  jpeg  compression  performance 
december 2017 by dexter
A free book on modern image optimization techniques. Formats, decoders, techniques for efficient compression and more are covered.


refrr:https://github.com/GoogleChrome/essential-image-optimization
A free book on modern image optimization techniques. Formats, decoders, techniques for efficient compression and more are covered.


refrr:https://github.com/GoogleChrome/essential-image-optimization
book  image  optimization  bestpractices  compression  build 
december 2017 by michaelfox
In 2017, image optimization should be automated. It’s easy to forget, best practices change, and content that doesn’t go through a build pipeline can easily slip. To automate: Use imagemin or libvips for your build process. Many alternatives exist.
web  django  engineering 
december 2017 by chris.leaman
A free book on modern image optimization techniques. Formats, decoders, techniques for efficient compression and more are covered.
webdev  dev  image  compression  optimization 
december 2017 by eownis
summary_large_image
from twitter
december 2017 by gpessia
A preload link can be specified using either an HTML tag or an HTTP Link header. In either case, a preload link directs the browser to begin loading a resource into the memory cache, indicating that the page expects with high confidence to use the resource and doesn’t want to wait for the preload scanner or the parser to discover it.
image  performance  automation  optimization  compression 
december 2017 by sherbondy
The amount of time you’ll spend reading blog posts and tweaking your configuration is greater than the monthly fee for a service (Cloudinary has a free tier). If you don’t want to outsource this work for cost or latency concerns, the open-source options above are solid. Projects like Imageflow or Thumbor enable self-hosted alternatives.
december 2017 by lvwrence
A free book on modern image optimization techniques. Formats, decoders, techniques for efficient compression and more are covered.
Dev 
december 2017 by garrettqmartin
Tips on improving image compression for the web.
image  compression  performance 
december 2017 by emk
A free book on modern image optimization techniques. Formats, decoders, techniques for efficient compression and more are covered.
december 2017 by martinbalfanz
Essential Image Optimization
from twitter_favs
december 2017 by ljegou
A free book on modern image optimization techniques. Formats, decoders, techniques for efficient compression and more are covered.
automation  image  performance  optimization  compression  webdev  design  webd 
december 2017 by thomasborowski
An eBook by Addy Osmani
performance  web-design  books  how-to  reference 
november 2017 by tremolo
We should all be automating our image compression. In 2017, image optimization should be automated. It's easy to forget, best practices change, and content that…
from instapaper
november 2017 by elkraneo
An eBook by Addy Osmani
book  performance  learn 
november 2017 by hanyu