SlideShare a Scribd company logo

Image Optimization for the Web at php|works

Stoyan Stefanov, profile picture
Stoyan Stefanov

The document outlines nine best practices for image optimization, emphasizing techniques such as choosing PNG over GIF, crushing images, stripping JPEG metadata, and optimizing GIF animations. It highlights the significant impact images have on page weight across popular websites and provides tools and examples for implementing these optimization strategies. By following these practices, one can achieve up to 30% reduction in image size without sacrificing quality.

TechnologyArt & Photos
1 of 57
Downloaded 532 times
1
2
3
4
5
Most read
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
Image Optimization for the Web at php|works
Image Optimization for the Web at php|works
Image Optimization for the Web at php|works
Image Optimization for the Web at php|works
Image Optimization for the Web at php|works
Image Optimization for the Web at php|works
Image Optimization for the Web at php|works
Image Optimization for the Web at php|works
Image Optimization for the Web at php|works
Image Optimization for the Web at php|works
Image Optimization for the Web at php|works
Image Optimization for the Web at php|works
Image Optimization for the Web at php|works
Image Optimization for the Web at php|works
Image Optimization for the Web at php|works
Image Optimization for the Web at php|works
Image Optimization for the Web at php|works
Image Optimization for the Web at php|works
Image Optimization for the Web at php|works
Image Optimization for the Web at php|works
Image Optimization for the Web at php|works
Image Optimization for the Web at php|works
Image Optimization for the Web at php|works
Image Optimization for the Web at php|works
Image Optimization for the Web at php|works
Image Optimization for the Web at php|works
Image Optimization for the Web at php|works
Image Optimization for the Web at php|works
Image Optimization for the Web at php|works
Image Optimization for the Web at php|works
Image Optimization for the Web at php|works
Image Optimization for the Web at php|works
Image Optimization for the Web at php|works
Image Optimization for the Web at php|works
Image Optimization for the Web at php|works
Image Optimization for the Web at php|works
Image Optimization for the Web at php|works
Image Optimization for the Web at php|works
Image Optimization for the Web at php|works
Image Optimization for the Web at php|works
Image Optimization for the Web at php|works
Image Optimization for the Web at php|works
Image Optimization for the Web at php|works
Image Optimization for the Web at php|works
Image Optimization for the Web at php|works
Image Optimization for the Web at php|works
Image Optimization for the Web at php|works
Image Optimization for the Web at php|works
Image Optimization for the Web at php|works
Image Optimization for the Web at php|works
Image Optimization for the Web at php|works
Image Optimization for the Web at php|works
Image Optimization for the Web at php|works
Image Optimization for the Web at php|works
Image Optimization for the Web at php|works
Image Optimization for the Web at php|works
Image Optimization for the Web at php|works

More Related Content

PPTX
From cache to in-memory data grid. Introduction to Hazelcast.
Taras Matyashovsky
 
PDF
Pushing Python: Building a High Throughput, Low Latency System
Kevin Ballard
 
PDF
Airbnb tech talk: Levi Weintraub on webkit
naseemh
 
PDF
Business Quotes for 2011
Harald Felgner, PhD
 
PPTX
Introduction to Storm
Chandler Huang
 
PPTX
DNS Security Presentation ISSA
Srikrupa Srivatsan
 
PDF
Introduction and Overview of Apache Kafka, TriHUG July 23, 2013
mumrah
 
PDF
Cassandra Introduction & Features
DataStax Academy
 
From cache to in-memory data grid. Introduction to Hazelcast.
Taras Matyashovsky
 
Pushing Python: Building a High Throughput, Low Latency System
Kevin Ballard
 
Airbnb tech talk: Levi Weintraub on webkit
naseemh
 
Business Quotes for 2011
Harald Felgner, PhD
 
Introduction to Storm
Chandler Huang
 
DNS Security Presentation ISSA
Srikrupa Srivatsan
 
Introduction and Overview of Apache Kafka, TriHUG July 23, 2013
mumrah
 
Cassandra Introduction & Features
DataStax Academy
 

Viewers also liked (17)

PDF
Introduction to MongoDB
Mike Dirolf
 
PDF
Etsy Activity Feeds Architecture
Dan McKinley
 
PPTX
Introduction to Apache ZooKeeper
Saurav Haloi
 
KEY
Introduction to memcached
Jurriaan Persyn
 
PDF
Intro to HBase
alexbaranau
 
PDF
Build Features, Not Apps
Natasha Murashev
 
PDF
Introduction to Redis
Dvir Volk
 
PDF
Scalability, Availability & Stability Patterns
Jonas Bonér
 
PPTX
Endocarditis
Juan Meléndez
 
PPTX
Apache Spark Architecture
Alexey Grishchenko
 
PDF
gevent at TellApart
TellApart
 
PDF
Study: The Future of VR, AR and Self-Driving Cars
LinkedIn
 
PPTX
The Physics of Fast Image Compression
Cloudinary
 
PDF
UX, ethnography and possibilities: for Libraries, Museums and Archives
Ned Potter
 
PDF
London React August - GraphQL at The Financial Times - Viktor Charypar
React London Community
 
PDF
Hype vs. Reality: The AI Explainer
Luminary Labs
 
PDF
Designing Teams for Emerging Challenges
Aaron Irizarry
 
Introduction to MongoDB
Mike Dirolf
 
Etsy Activity Feeds Architecture
Dan McKinley
 
Introduction to Apache ZooKeeper
Saurav Haloi
 
Introduction to memcached
Jurriaan Persyn
 
Intro to HBase
alexbaranau
 
Build Features, Not Apps
Natasha Murashev
 
Introduction to Redis
Dvir Volk
 
Scalability, Availability & Stability Patterns
Jonas Bonér
 
Endocarditis
Juan Meléndez
 
Apache Spark Architecture
Alexey Grishchenko
 
gevent at TellApart
TellApart
 
Study: The Future of VR, AR and Self-Driving Cars
LinkedIn
 
The Physics of Fast Image Compression
Cloudinary
 
UX, ethnography and possibilities: for Libraries, Museums and Archives
Ned Potter
 
London React August - GraphQL at The Financial Times - Viktor Charypar
React London Community
 
Hype vs. Reality: The AI Explainer
Luminary Labs
 
Designing Teams for Emerging Challenges
Aaron Irizarry
 
Ad

Similar to Image Optimization for the Web at php|works (20)

PPT
Yahoo - Web Images optimization
Eduard Bondarenko
 
PDF
Voices that matter: High Performance Web Sites
Stoyan Stefanov
 
PDF
Optimizing images for the web
Katharine Holmes
 
PPT
Images - 7 mistakes (first draft)
Stoyan Stefanov
 
PPTX
Castro Chapter 5
Jeff Byrnes
 
PPTX
Chapter 23: Web Images
Steve Guinan
 
PPTX
Images on the Web
briter
 
PDF
Image-and-Design-for-Online-Environment-1.pdf
DonverBasmayor
 
PPTX
Putting Your Images on a Diet (SmashingConf, 2014)
Guy Podjarny
 
PDF
Creating Images for the Web
Shawn Calvert
 
PPTX
Web Optimisation
Gregory Benner
 
PDF
Html graphics
Mukesh Tekwani
 
PPT
Your Images are Weighing You Down: Optimization for a Better UX
Tim D'Agostino
 
PDF
Velocity Conference 2013: A Picture Costs A Thousand Words
Akamai Technologies
 
PDF
A Picture Costs A Thousand Words
Guy Podjarny
 
PPTX
Achieving Better Image Optimizations
Zoompf
 
PDF
Image optimization and you
Johannes Siipola
 
PDF
CSS and image optimization
Stoyan Stefanov
 
PPT
Paniting programs presentation
Elisa MacGoun
 
PPT
Paniting programs presentation
Elisa MacGoun
 
Yahoo - Web Images optimization
Eduard Bondarenko
 
Voices that matter: High Performance Web Sites
Stoyan Stefanov
 
Optimizing images for the web
Katharine Holmes
 
Images - 7 mistakes (first draft)
Stoyan Stefanov
 
Castro Chapter 5
Jeff Byrnes
 
Chapter 23: Web Images
Steve Guinan
 
Images on the Web
briter
 
Image-and-Design-for-Online-Environment-1.pdf
DonverBasmayor
 
Putting Your Images on a Diet (SmashingConf, 2014)
Guy Podjarny
 
Creating Images for the Web
Shawn Calvert
 
Web Optimisation
Gregory Benner
 
Html graphics
Mukesh Tekwani
 
Your Images are Weighing You Down: Optimization for a Better UX
Tim D'Agostino
 
Velocity Conference 2013: A Picture Costs A Thousand Words
Akamai Technologies
 
A Picture Costs A Thousand Words
Guy Podjarny
 
Achieving Better Image Optimizations
Zoompf
 
Image optimization and you
Johannes Siipola
 
CSS and image optimization
Stoyan Stefanov
 
Paniting programs presentation
Elisa MacGoun
 
Paniting programs presentation
Elisa MacGoun
 
Ad

More from Stoyan Stefanov (20)

PDF
Reactive JavaScript
Stoyan Stefanov
 
PPTX
YSlow hacking
Stoyan Stefanov
 
PPTX
Liking performance
Stoyan Stefanov
 
PPTX
JavaScript Performance Patterns
Stoyan Stefanov
 
PPTX
JavaScript performance patterns
Stoyan Stefanov
 
PPTX
High Performance Social Plugins
Stoyan Stefanov
 
PDF
Social Button BFFs
Stoyan Stefanov
 
PPTX
JavaScript навсякъде
Stoyan Stefanov
 
PPTX
JavaScript is everywhere
Stoyan Stefanov
 
PDF
JavaScript shell scripting
Stoyan Stefanov
 
PDF
JavaScript for PHP developers
Stoyan Stefanov
 
PDF
WPO @ PubCon 2010
Stoyan Stefanov
 
PDF
Progressive Downloads and Rendering - take #2
Stoyan Stefanov
 
PDF
Progressive Downloads and Rendering
Stoyan Stefanov
 
PDF
Performance patterns
Stoyan Stefanov
 
PDF
Psychology of performance
Stoyan Stefanov
 
PPT
3-in-1 YSlow
Stoyan Stefanov
 
PPT
High-performance DOM scripting
Stoyan Stefanov
 
PPT
The business of performance
Stoyan Stefanov
 
PDF
JavaScript Patterns
Stoyan Stefanov
 
Reactive JavaScript
Stoyan Stefanov
 
YSlow hacking
Stoyan Stefanov
 
Liking performance
Stoyan Stefanov
 
JavaScript Performance Patterns
Stoyan Stefanov
 
JavaScript performance patterns
Stoyan Stefanov
 
High Performance Social Plugins
Stoyan Stefanov
 
Social Button BFFs
Stoyan Stefanov
 
JavaScript навсякъде
Stoyan Stefanov
 
JavaScript is everywhere
Stoyan Stefanov
 
JavaScript shell scripting
Stoyan Stefanov
 
JavaScript for PHP developers
Stoyan Stefanov
 
WPO @ PubCon 2010
Stoyan Stefanov
 
Progressive Downloads and Rendering - take #2
Stoyan Stefanov
 
Progressive Downloads and Rendering
Stoyan Stefanov
 
Performance patterns
Stoyan Stefanov
 
Psychology of performance
Stoyan Stefanov
 
3-in-1 YSlow
Stoyan Stefanov
 
High-performance DOM scripting
Stoyan Stefanov
 
The business of performance
Stoyan Stefanov
 
JavaScript Patterns
Stoyan Stefanov
 

Recently uploaded (20)

PPTX
Cloud computing and distributed systems.
kkkkkhan
 
PDF
The Rise and Fall of 3GPP – Time for a Sabbatical?
3G4G
 
PDF
Agricultural_Statistics_at_a_Glance_2022_0.pdf
SandeepSingh286037
 
PDF
Encapsulation_ Review paper, used for researhc scholars
gurumoop
 
PDF
Empathic Computing: Creating Shared Understanding
Mark Billinghurst
 
PDF
Network Security Unit 5.pdf for BCA BBA.
Serpent6
 
PDF
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
Safe Software
 
PDF
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
Peter Tan
 
PDF
Blue Purple Modern Animated Computer Science Presentation.pdf.pdf
Akar16
 
PDF
Assigned Numbers - 2025 - Bluetooth® Document
Bloombase
 
PPTX
Digital-Transformation-Roadmap-for-Companies.pptx
David Malick Dieng
 
PPTX
20250228 LYD VKU AI Blended-Learning.pptx
DatVoNgoc
 
PDF
Chapter 3 Spatial Domain Image Processing.pdf
Getnet Tigabie Askale -(GM)
 
PPTX
KOM of Painting work and Equipment Insulation REV00 update 25-dec.pptx
muhammadmuneebnaeem7
 
PDF
Electronic commerce courselecture one. Pdf
OmerMohamed64
 
PDF
Optimiser vos workloads AI/ML sur Amazon EC2 et AWS Graviton
Julien SIMON
 
PPTX
sap open course for s4hana steps from ECC to s4
sreeni2106invites
 
PDF
Machine learning based COVID-19 study performance prediction
IAESIJAI
 
PPTX
Programs and apps: productivity, graphics, security and other tools
4mqw9zch22
 
PPTX
Spectroscopy.pptx food analysis technology
nawahassan45
 
Cloud computing and distributed systems.
kkkkkhan
 
The Rise and Fall of 3GPP – Time for a Sabbatical?
3G4G
 
Agricultural_Statistics_at_a_Glance_2022_0.pdf
SandeepSingh286037
 
Encapsulation_ Review paper, used for researhc scholars
gurumoop
 
Empathic Computing: Creating Shared Understanding
Mark Billinghurst
 
Network Security Unit 5.pdf for BCA BBA.
Serpent6
 
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
Safe Software
 
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
Peter Tan
 
Blue Purple Modern Animated Computer Science Presentation.pdf.pdf
Akar16
 
Assigned Numbers - 2025 - Bluetooth® Document
Bloombase
 
Digital-Transformation-Roadmap-for-Companies.pptx
David Malick Dieng
 
20250228 LYD VKU AI Blended-Learning.pptx
DatVoNgoc
 
Chapter 3 Spatial Domain Image Processing.pdf
Getnet Tigabie Askale -(GM)
 
KOM of Painting work and Equipment Insulation REV00 update 25-dec.pptx
muhammadmuneebnaeem7
 
Electronic commerce courselecture one. Pdf
OmerMohamed64
 
Optimiser vos workloads AI/ML sur Amazon EC2 et AWS Graviton
Julien SIMON
 
sap open course for s4hana steps from ECC to s4
sreeni2106invites
 
Machine learning based COVID-19 study performance prediction
IAESIJAI
 
Programs and apps: productivity, graphics, security and other tools
4mqw9zch22
 
Spectroscopy.pptx food analysis technology
nawahassan45