Soumettre la recherche
Mettre en ligne
Image Optimisation Techniques for WebApps
•
0 j'aime
•
345 vues
Nil Portugués Calderó
Suivre
Image Optimisation Techniques for WebApps Nil Portugués Calderó - 6th October 2014
Lire moins
Lire la suite
Technologie
Signaler
Partager
Signaler
Partager
1 sur 5
Télécharger maintenant
Télécharger pour lire hors ligne
Recommandé
We should optimize images
We should optimize images
Shogo Sensui
OpenSooq Image Recognition on AWS - AWS ML Lab
OpenSooq Image Recognition on AWS - AWS ML Lab
Ramzi Alqrainy
Image Resizing MATLAB Projects Research Help
Image Resizing MATLAB Projects Research Help
Matlab Simulation
2º Encontro GUG Rio de Janeiro/2010
2º Encontro GUG Rio de Janeiro/2010
Nataniel Strack
Wellcome1
Wellcome1
guestf7e568
Photo echance. Problems. Solutions. Ideas
Photo echance. Problems. Solutions. Ideas
Andrew Nikishaev
Optimising Image Loading
Optimising Image Loading
myposter GmbH
Resolution for a Faster Site
Resolution for a Faster Site
Ido Safruti
Recommandé
We should optimize images
We should optimize images
Shogo Sensui
OpenSooq Image Recognition on AWS - AWS ML Lab
OpenSooq Image Recognition on AWS - AWS ML Lab
Ramzi Alqrainy
Image Resizing MATLAB Projects Research Help
Image Resizing MATLAB Projects Research Help
Matlab Simulation
2º Encontro GUG Rio de Janeiro/2010
2º Encontro GUG Rio de Janeiro/2010
Nataniel Strack
Wellcome1
Wellcome1
guestf7e568
Photo echance. Problems. Solutions. Ideas
Photo echance. Problems. Solutions. Ideas
Andrew Nikishaev
Optimising Image Loading
Optimising Image Loading
myposter GmbH
Resolution for a Faster Site
Resolution for a Faster Site
Ido Safruti
Altitude SF 2017: A hands-on tour of Image Optimization
Altitude SF 2017: A hands-on tour of Image Optimization
Fastly
Weniger aus Bilder holen
Weniger aus Bilder holen
Walter Ebert
Hartsock technical
Hartsock technical
anncat
Jpack presentation
Jpack presentation
Avshalom Cohen
ImageCon CTO keynote
ImageCon CTO keynote
Cloudinary
Ann hartsock non-technical
Ann hartsock non-technical
anncat
High Performance Images
High Performance Images
Walter Ebert
Speed up your Machine Learning workflows with built-in algorithms - Tel Aviv ...
Speed up your Machine Learning workflows with built-in algorithms - Tel Aviv ...
Amazon Web Services
Speed up your Machine Learning workflows with build-in algorithms
Speed up your Machine Learning workflows with build-in algorithms
Julien SIMON
Eugene Khvedchenya. State of the art Image Augmentations with Albumentations.
Eugene Khvedchenya. State of the art Image Augmentations with Albumentations.
Lviv Startup Club
Image Optimization for The Web
Image Optimization for The Web
Guilherme Zühlke O'Connor
Altitude London 2018: A hands-on tour of Image Optimisation workshop
Altitude London 2018: A hands-on tour of Image Optimisation workshop
Fastly
2022.04 - CSS Day IT - Images Optimisation 4.0
2022.04 - CSS Day IT - Images Optimisation 4.0
Andrea Verlicchi
Performance as UX with Justin Howlett
Performance as UX with Justin Howlett
FITC
Day 1 presentation terminology
Day 1 presentation terminology
kelv_w
Website Performance
Website Performance
Morten Pedersen
Prez Test
Prez Test
guest073f7c
Accelerate Your Analytic Queries with Amazon Aurora Parallel Query (DAT362) -...
Accelerate Your Analytic Queries with Amazon Aurora Parallel Query (DAT362) -...
Amazon Web Services
A holistic approach to web performance
A holistic approach to web performance
Austin Gil
Computer Vision and Pattern Recognition Research Projects
Computer Vision and Pattern Recognition Research Projects
Matlab Simulation
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
DianaGray10
A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?
Igalia
Contenu connexe
Similaire à Image Optimisation Techniques for WebApps
Altitude SF 2017: A hands-on tour of Image Optimization
Altitude SF 2017: A hands-on tour of Image Optimization
Fastly
Weniger aus Bilder holen
Weniger aus Bilder holen
Walter Ebert
Hartsock technical
Hartsock technical
anncat
Jpack presentation
Jpack presentation
Avshalom Cohen
ImageCon CTO keynote
ImageCon CTO keynote
Cloudinary
Ann hartsock non-technical
Ann hartsock non-technical
anncat
High Performance Images
High Performance Images
Walter Ebert
Speed up your Machine Learning workflows with built-in algorithms - Tel Aviv ...
Speed up your Machine Learning workflows with built-in algorithms - Tel Aviv ...
Amazon Web Services
Speed up your Machine Learning workflows with build-in algorithms
Speed up your Machine Learning workflows with build-in algorithms
Julien SIMON
Eugene Khvedchenya. State of the art Image Augmentations with Albumentations.
Eugene Khvedchenya. State of the art Image Augmentations with Albumentations.
Lviv Startup Club
Image Optimization for The Web
Image Optimization for The Web
Guilherme Zühlke O'Connor
Altitude London 2018: A hands-on tour of Image Optimisation workshop
Altitude London 2018: A hands-on tour of Image Optimisation workshop
Fastly
2022.04 - CSS Day IT - Images Optimisation 4.0
2022.04 - CSS Day IT - Images Optimisation 4.0
Andrea Verlicchi
Performance as UX with Justin Howlett
Performance as UX with Justin Howlett
FITC
Day 1 presentation terminology
Day 1 presentation terminology
kelv_w
Website Performance
Website Performance
Morten Pedersen
Prez Test
Prez Test
guest073f7c
Accelerate Your Analytic Queries with Amazon Aurora Parallel Query (DAT362) -...
Accelerate Your Analytic Queries with Amazon Aurora Parallel Query (DAT362) -...
Amazon Web Services
A holistic approach to web performance
A holistic approach to web performance
Austin Gil
Computer Vision and Pattern Recognition Research Projects
Computer Vision and Pattern Recognition Research Projects
Matlab Simulation
Similaire à Image Optimisation Techniques for WebApps
(20)
Altitude SF 2017: A hands-on tour of Image Optimization
Altitude SF 2017: A hands-on tour of Image Optimization
Weniger aus Bilder holen
Weniger aus Bilder holen
Hartsock technical
Hartsock technical
Jpack presentation
Jpack presentation
ImageCon CTO keynote
ImageCon CTO keynote
Ann hartsock non-technical
Ann hartsock non-technical
High Performance Images
High Performance Images
Speed up your Machine Learning workflows with built-in algorithms - Tel Aviv ...
Speed up your Machine Learning workflows with built-in algorithms - Tel Aviv ...
Speed up your Machine Learning workflows with build-in algorithms
Speed up your Machine Learning workflows with build-in algorithms
Eugene Khvedchenya. State of the art Image Augmentations with Albumentations.
Eugene Khvedchenya. State of the art Image Augmentations with Albumentations.
Image Optimization for The Web
Image Optimization for The Web
Altitude London 2018: A hands-on tour of Image Optimisation workshop
Altitude London 2018: A hands-on tour of Image Optimisation workshop
2022.04 - CSS Day IT - Images Optimisation 4.0
2022.04 - CSS Day IT - Images Optimisation 4.0
Performance as UX with Justin Howlett
Performance as UX with Justin Howlett
Day 1 presentation terminology
Day 1 presentation terminology
Website Performance
Website Performance
Prez Test
Prez Test
Accelerate Your Analytic Queries with Amazon Aurora Parallel Query (DAT362) -...
Accelerate Your Analytic Queries with Amazon Aurora Parallel Query (DAT362) -...
A holistic approach to web performance
A holistic approach to web performance
Computer Vision and Pattern Recognition Research Projects
Computer Vision and Pattern Recognition Research Projects
Dernier
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
DianaGray10
A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?
Igalia
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
apidays
GenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdf
lior mazor
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
wesley chun
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
A Beginners Guide to Building a RAG App Using Open Source Milvus
A Beginners Guide to Building a RAG App Using Open Source Milvus
Zilliz
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
Andrey Devyatkin
Manulife - Insurer Transformation Award 2024
Manulife - Insurer Transformation Award 2024
The Digital Insurer
MS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectors
Nanddeep Nachan
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
panagenda
ICT role in 21st century education and its challenges
ICT role in 21st century education and its challenges
rafiqahmad00786416
Architecting Cloud Native Applications
Architecting Cloud Native Applications
WSO2
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Edi Saputra
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
Anna Loughnan Colquhoun
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
apidays
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor Presentation
Dropbox
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
Remote DBA Services
Corporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptx
Rustici Software
AXA XL - Insurer Innovation Award Americas 2024
AXA XL - Insurer Innovation Award Americas 2024
The Digital Insurer
Dernier
(20)
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
GenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdf
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
A Beginners Guide to Building a RAG App Using Open Source Milvus
A Beginners Guide to Building a RAG App Using Open Source Milvus
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
Manulife - Insurer Transformation Award 2024
Manulife - Insurer Transformation Award 2024
MS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectors
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
ICT role in 21st century education and its challenges
ICT role in 21st century education and its challenges
Architecting Cloud Native Applications
Architecting Cloud Native Applications
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor Presentation
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
Corporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptx
AXA XL - Insurer Innovation Award Americas 2024
AXA XL - Insurer Innovation Award Americas 2024
Image Optimisation Techniques for WebApps
1.
Image Optimisation Techniques for
WebApps Nil Portugués Caldero contact@nilportugues.com20th November
2.
The problem: device
fragmentation 700 KB JPG 600 KB JPG 1600x800px 400 KB WEBP 700 KB JPG 600 KB JPG 1200x600px 600 KB JPG 400 KB JPG 300 KB WEBP 768x300px 250 KB JPG 100 KB JPG 80 KB WEBP 768x300px 170 KB JPG 50 KB JPG 40 KB WEBP 700 KB JPG 600 KB JPG 700 KB JPG 600 KB JPG
3.
Application Code Image repository (eg.
SQL table) Solution Architecture Queue workers Queue System CDN n m n m Image Token/Detokenizer Image Optimisation Enqueuer Browser or App <img src=http://example.com/image.jpg> {{IMG|6fd86da74659f04253285e853af26845}} Resize image & Image Optimisation
4.
Optimiser Script Strategy FORMAT
/ CONVERSION JPG (progressive) JPG (baseline) PNG GIF GIF (animated) SVG JPG (progressive) Optimise Huffman Remove metadata Optimise Huffman To JPG if no transparency channel JPG (baseline) Remove metadata Optimise Huffman Optimise Huffman To JPG if no transparency channel PNG 32 to 24 bits transparency Optimize LWZ PNG better? GIF Trim palette GIF (animated) Trim palette SVG Trim XML code WebP For Chrome users For Chrome users
5.
Thanks! Nil Portugués Caldero contact@nilportugues.com
Télécharger maintenant