View
545
Download
3
Category
Preview:
Citation preview
OPTIMIZE IMAGES FOR WEB SITE APP PERFORMANCE
TAKAAKI MIZUNO
WEB SITE LOADING SPEED IS VERY IMPORTANT
テキスト
WEB SITE LOADING SPEED IS IMPORTANT
Web site loading speed affect to the Google web search ranking
テキスト
WEB SITE LOADING SPEED IS IMPORTANT
Web site loading speed affect to the revenue of EC site
One Second Could Cost Amazon $16 Billion In Sales Per Year
テキスト
HOW TO MAKE THE RESPONSE FASTER
Minify HTMLCSSJS
Combine CSSJS1
Multi Subdomains for images1
Resize Images
Set HTTP cache headers properly
Lazy Loading
Use HTTP21 It is not effective when you are using HTTP2
テキスト
YOU CAN CHECK YOUR PAGE WITH
Google Page Speed Insightshttpsdevelopersgooglecomspeedpagespeedinsights
REDUCE IMAGE SIZE WITHOUT ANY CHANGES
テキスト
WHY OPTIMIZE IMAGE
You can do it TODAY
Really effective
PNG
テキスト
PNG
Never uses full color PNG images ( 24bit 32bit )
Change to Index Colored PNG with pngquant
Optimize color index with pngrewrite
Optimize deflete compression with AdvanceCOMP
You Can Reduce Image File Size 20~
JPEG
テキスト
JPEG
Use mozjpeg to optimize Jpeg Images
You Can Reduce Image File Size 20~
WEBP
テキスト
WEBP
WebP is the JpegPNG alternative image format by Google
Size of image will be 25~34 of Jpeg image
Supported OSBrowsers
Android 40~
iOS ( SDWebImage library )
Chrome
IESafariFirefox donrsquot support
You Can Reduce Image File Size 60~
テキスト
HOW TO KNOW THE CLIENT SUPPORTS WEBP OR NOT
Acceptimagewebpimageq=08
Check Accept HTTP Request Header
テキスト
DEMO
REAL EXAMPLE
テキスト
FOODYVN
テキスト
ORIGINAL WEB DATA SIZE 59MB
html
css
js
img
other
Image 52 31MB
テキスト
PNG amp JPEG OPTIMIZATION SIZE 51MB ( REDUCE 92 )
html
css
js
img
other
Image 47 26MB
18 Image Size Reduced
テキスト
JPEG TO WEBP SIZE 47MB ( REDUCE 174 )
html
css
js
img
other
Image 42 21MB
333 Image Size Reduced
テキスト
JPEGPNGGIF TO WEBP SIZE 45MB ( REDUCE 211 )
html
css
js
img
other
Image 42 19MB
401 Image Size Reduced
テキスト
DEMO
テキスト
USE IMAGE RESIZING PROXY
httpsgithubcomcubicdaiyangx_small_light
ngx_small_light
テキスト
JUST CHANGE THE IMAGE URL
http$host$portsmall_light(dw=300dh=300)imgimagejpg
http$host$portimgimagejpg
テキスト
Thank You
WEB SITE LOADING SPEED IS VERY IMPORTANT
テキスト
WEB SITE LOADING SPEED IS IMPORTANT
Web site loading speed affect to the Google web search ranking
テキスト
WEB SITE LOADING SPEED IS IMPORTANT
Web site loading speed affect to the revenue of EC site
One Second Could Cost Amazon $16 Billion In Sales Per Year
テキスト
HOW TO MAKE THE RESPONSE FASTER
Minify HTMLCSSJS
Combine CSSJS1
Multi Subdomains for images1
Resize Images
Set HTTP cache headers properly
Lazy Loading
Use HTTP21 It is not effective when you are using HTTP2
テキスト
YOU CAN CHECK YOUR PAGE WITH
Google Page Speed Insightshttpsdevelopersgooglecomspeedpagespeedinsights
REDUCE IMAGE SIZE WITHOUT ANY CHANGES
テキスト
WHY OPTIMIZE IMAGE
You can do it TODAY
Really effective
PNG
テキスト
PNG
Never uses full color PNG images ( 24bit 32bit )
Change to Index Colored PNG with pngquant
Optimize color index with pngrewrite
Optimize deflete compression with AdvanceCOMP
You Can Reduce Image File Size 20~
JPEG
テキスト
JPEG
Use mozjpeg to optimize Jpeg Images
You Can Reduce Image File Size 20~
WEBP
テキスト
WEBP
WebP is the JpegPNG alternative image format by Google
Size of image will be 25~34 of Jpeg image
Supported OSBrowsers
Android 40~
iOS ( SDWebImage library )
Chrome
IESafariFirefox donrsquot support
You Can Reduce Image File Size 60~
テキスト
HOW TO KNOW THE CLIENT SUPPORTS WEBP OR NOT
Acceptimagewebpimageq=08
Check Accept HTTP Request Header
テキスト
DEMO
REAL EXAMPLE
テキスト
FOODYVN
テキスト
ORIGINAL WEB DATA SIZE 59MB
html
css
js
img
other
Image 52 31MB
テキスト
PNG amp JPEG OPTIMIZATION SIZE 51MB ( REDUCE 92 )
html
css
js
img
other
Image 47 26MB
18 Image Size Reduced
テキスト
JPEG TO WEBP SIZE 47MB ( REDUCE 174 )
html
css
js
img
other
Image 42 21MB
333 Image Size Reduced
テキスト
JPEGPNGGIF TO WEBP SIZE 45MB ( REDUCE 211 )
html
css
js
img
other
Image 42 19MB
401 Image Size Reduced
テキスト
DEMO
テキスト
USE IMAGE RESIZING PROXY
httpsgithubcomcubicdaiyangx_small_light
ngx_small_light
テキスト
JUST CHANGE THE IMAGE URL
http$host$portsmall_light(dw=300dh=300)imgimagejpg
http$host$portimgimagejpg
テキスト
Thank You
テキスト
WEB SITE LOADING SPEED IS IMPORTANT
Web site loading speed affect to the Google web search ranking
テキスト
WEB SITE LOADING SPEED IS IMPORTANT
Web site loading speed affect to the revenue of EC site
One Second Could Cost Amazon $16 Billion In Sales Per Year
テキスト
HOW TO MAKE THE RESPONSE FASTER
Minify HTMLCSSJS
Combine CSSJS1
Multi Subdomains for images1
Resize Images
Set HTTP cache headers properly
Lazy Loading
Use HTTP21 It is not effective when you are using HTTP2
テキスト
YOU CAN CHECK YOUR PAGE WITH
Google Page Speed Insightshttpsdevelopersgooglecomspeedpagespeedinsights
REDUCE IMAGE SIZE WITHOUT ANY CHANGES
テキスト
WHY OPTIMIZE IMAGE
You can do it TODAY
Really effective
PNG
テキスト
PNG
Never uses full color PNG images ( 24bit 32bit )
Change to Index Colored PNG with pngquant
Optimize color index with pngrewrite
Optimize deflete compression with AdvanceCOMP
You Can Reduce Image File Size 20~
JPEG
テキスト
JPEG
Use mozjpeg to optimize Jpeg Images
You Can Reduce Image File Size 20~
WEBP
テキスト
WEBP
WebP is the JpegPNG alternative image format by Google
Size of image will be 25~34 of Jpeg image
Supported OSBrowsers
Android 40~
iOS ( SDWebImage library )
Chrome
IESafariFirefox donrsquot support
You Can Reduce Image File Size 60~
テキスト
HOW TO KNOW THE CLIENT SUPPORTS WEBP OR NOT
Acceptimagewebpimageq=08
Check Accept HTTP Request Header
テキスト
DEMO
REAL EXAMPLE
テキスト
FOODYVN
テキスト
ORIGINAL WEB DATA SIZE 59MB
html
css
js
img
other
Image 52 31MB
テキスト
PNG amp JPEG OPTIMIZATION SIZE 51MB ( REDUCE 92 )
html
css
js
img
other
Image 47 26MB
18 Image Size Reduced
テキスト
JPEG TO WEBP SIZE 47MB ( REDUCE 174 )
html
css
js
img
other
Image 42 21MB
333 Image Size Reduced
テキスト
JPEGPNGGIF TO WEBP SIZE 45MB ( REDUCE 211 )
html
css
js
img
other
Image 42 19MB
401 Image Size Reduced
テキスト
DEMO
テキスト
USE IMAGE RESIZING PROXY
httpsgithubcomcubicdaiyangx_small_light
ngx_small_light
テキスト
JUST CHANGE THE IMAGE URL
http$host$portsmall_light(dw=300dh=300)imgimagejpg
http$host$portimgimagejpg
テキスト
Thank You
テキスト
WEB SITE LOADING SPEED IS IMPORTANT
Web site loading speed affect to the revenue of EC site
One Second Could Cost Amazon $16 Billion In Sales Per Year
テキスト
HOW TO MAKE THE RESPONSE FASTER
Minify HTMLCSSJS
Combine CSSJS1
Multi Subdomains for images1
Resize Images
Set HTTP cache headers properly
Lazy Loading
Use HTTP21 It is not effective when you are using HTTP2
テキスト
YOU CAN CHECK YOUR PAGE WITH
Google Page Speed Insightshttpsdevelopersgooglecomspeedpagespeedinsights
REDUCE IMAGE SIZE WITHOUT ANY CHANGES
テキスト
WHY OPTIMIZE IMAGE
You can do it TODAY
Really effective
PNG
テキスト
PNG
Never uses full color PNG images ( 24bit 32bit )
Change to Index Colored PNG with pngquant
Optimize color index with pngrewrite
Optimize deflete compression with AdvanceCOMP
You Can Reduce Image File Size 20~
JPEG
テキスト
JPEG
Use mozjpeg to optimize Jpeg Images
You Can Reduce Image File Size 20~
WEBP
テキスト
WEBP
WebP is the JpegPNG alternative image format by Google
Size of image will be 25~34 of Jpeg image
Supported OSBrowsers
Android 40~
iOS ( SDWebImage library )
Chrome
IESafariFirefox donrsquot support
You Can Reduce Image File Size 60~
テキスト
HOW TO KNOW THE CLIENT SUPPORTS WEBP OR NOT
Acceptimagewebpimageq=08
Check Accept HTTP Request Header
テキスト
DEMO
REAL EXAMPLE
テキスト
FOODYVN
テキスト
ORIGINAL WEB DATA SIZE 59MB
html
css
js
img
other
Image 52 31MB
テキスト
PNG amp JPEG OPTIMIZATION SIZE 51MB ( REDUCE 92 )
html
css
js
img
other
Image 47 26MB
18 Image Size Reduced
テキスト
JPEG TO WEBP SIZE 47MB ( REDUCE 174 )
html
css
js
img
other
Image 42 21MB
333 Image Size Reduced
テキスト
JPEGPNGGIF TO WEBP SIZE 45MB ( REDUCE 211 )
html
css
js
img
other
Image 42 19MB
401 Image Size Reduced
テキスト
DEMO
テキスト
USE IMAGE RESIZING PROXY
httpsgithubcomcubicdaiyangx_small_light
ngx_small_light
テキスト
JUST CHANGE THE IMAGE URL
http$host$portsmall_light(dw=300dh=300)imgimagejpg
http$host$portimgimagejpg
テキスト
Thank You
テキスト
HOW TO MAKE THE RESPONSE FASTER
Minify HTMLCSSJS
Combine CSSJS1
Multi Subdomains for images1
Resize Images
Set HTTP cache headers properly
Lazy Loading
Use HTTP21 It is not effective when you are using HTTP2
テキスト
YOU CAN CHECK YOUR PAGE WITH
Google Page Speed Insightshttpsdevelopersgooglecomspeedpagespeedinsights
REDUCE IMAGE SIZE WITHOUT ANY CHANGES
テキスト
WHY OPTIMIZE IMAGE
You can do it TODAY
Really effective
PNG
テキスト
PNG
Never uses full color PNG images ( 24bit 32bit )
Change to Index Colored PNG with pngquant
Optimize color index with pngrewrite
Optimize deflete compression with AdvanceCOMP
You Can Reduce Image File Size 20~
JPEG
テキスト
JPEG
Use mozjpeg to optimize Jpeg Images
You Can Reduce Image File Size 20~
WEBP
テキスト
WEBP
WebP is the JpegPNG alternative image format by Google
Size of image will be 25~34 of Jpeg image
Supported OSBrowsers
Android 40~
iOS ( SDWebImage library )
Chrome
IESafariFirefox donrsquot support
You Can Reduce Image File Size 60~
テキスト
HOW TO KNOW THE CLIENT SUPPORTS WEBP OR NOT
Acceptimagewebpimageq=08
Check Accept HTTP Request Header
テキスト
DEMO
REAL EXAMPLE
テキスト
FOODYVN
テキスト
ORIGINAL WEB DATA SIZE 59MB
html
css
js
img
other
Image 52 31MB
テキスト
PNG amp JPEG OPTIMIZATION SIZE 51MB ( REDUCE 92 )
html
css
js
img
other
Image 47 26MB
18 Image Size Reduced
テキスト
JPEG TO WEBP SIZE 47MB ( REDUCE 174 )
html
css
js
img
other
Image 42 21MB
333 Image Size Reduced
テキスト
JPEGPNGGIF TO WEBP SIZE 45MB ( REDUCE 211 )
html
css
js
img
other
Image 42 19MB
401 Image Size Reduced
テキスト
DEMO
テキスト
USE IMAGE RESIZING PROXY
httpsgithubcomcubicdaiyangx_small_light
ngx_small_light
テキスト
JUST CHANGE THE IMAGE URL
http$host$portsmall_light(dw=300dh=300)imgimagejpg
http$host$portimgimagejpg
テキスト
Thank You
テキスト
YOU CAN CHECK YOUR PAGE WITH
Google Page Speed Insightshttpsdevelopersgooglecomspeedpagespeedinsights
REDUCE IMAGE SIZE WITHOUT ANY CHANGES
テキスト
WHY OPTIMIZE IMAGE
You can do it TODAY
Really effective
PNG
テキスト
PNG
Never uses full color PNG images ( 24bit 32bit )
Change to Index Colored PNG with pngquant
Optimize color index with pngrewrite
Optimize deflete compression with AdvanceCOMP
You Can Reduce Image File Size 20~
JPEG
テキスト
JPEG
Use mozjpeg to optimize Jpeg Images
You Can Reduce Image File Size 20~
WEBP
テキスト
WEBP
WebP is the JpegPNG alternative image format by Google
Size of image will be 25~34 of Jpeg image
Supported OSBrowsers
Android 40~
iOS ( SDWebImage library )
Chrome
IESafariFirefox donrsquot support
You Can Reduce Image File Size 60~
テキスト
HOW TO KNOW THE CLIENT SUPPORTS WEBP OR NOT
Acceptimagewebpimageq=08
Check Accept HTTP Request Header
テキスト
DEMO
REAL EXAMPLE
テキスト
FOODYVN
テキスト
ORIGINAL WEB DATA SIZE 59MB
html
css
js
img
other
Image 52 31MB
テキスト
PNG amp JPEG OPTIMIZATION SIZE 51MB ( REDUCE 92 )
html
css
js
img
other
Image 47 26MB
18 Image Size Reduced
テキスト
JPEG TO WEBP SIZE 47MB ( REDUCE 174 )
html
css
js
img
other
Image 42 21MB
333 Image Size Reduced
テキスト
JPEGPNGGIF TO WEBP SIZE 45MB ( REDUCE 211 )
html
css
js
img
other
Image 42 19MB
401 Image Size Reduced
テキスト
DEMO
テキスト
USE IMAGE RESIZING PROXY
httpsgithubcomcubicdaiyangx_small_light
ngx_small_light
テキスト
JUST CHANGE THE IMAGE URL
http$host$portsmall_light(dw=300dh=300)imgimagejpg
http$host$portimgimagejpg
テキスト
Thank You
REDUCE IMAGE SIZE WITHOUT ANY CHANGES
テキスト
WHY OPTIMIZE IMAGE
You can do it TODAY
Really effective
PNG
テキスト
PNG
Never uses full color PNG images ( 24bit 32bit )
Change to Index Colored PNG with pngquant
Optimize color index with pngrewrite
Optimize deflete compression with AdvanceCOMP
You Can Reduce Image File Size 20~
JPEG
テキスト
JPEG
Use mozjpeg to optimize Jpeg Images
You Can Reduce Image File Size 20~
WEBP
テキスト
WEBP
WebP is the JpegPNG alternative image format by Google
Size of image will be 25~34 of Jpeg image
Supported OSBrowsers
Android 40~
iOS ( SDWebImage library )
Chrome
IESafariFirefox donrsquot support
You Can Reduce Image File Size 60~
テキスト
HOW TO KNOW THE CLIENT SUPPORTS WEBP OR NOT
Acceptimagewebpimageq=08
Check Accept HTTP Request Header
テキスト
DEMO
REAL EXAMPLE
テキスト
FOODYVN
テキスト
ORIGINAL WEB DATA SIZE 59MB
html
css
js
img
other
Image 52 31MB
テキスト
PNG amp JPEG OPTIMIZATION SIZE 51MB ( REDUCE 92 )
html
css
js
img
other
Image 47 26MB
18 Image Size Reduced
テキスト
JPEG TO WEBP SIZE 47MB ( REDUCE 174 )
html
css
js
img
other
Image 42 21MB
333 Image Size Reduced
テキスト
JPEGPNGGIF TO WEBP SIZE 45MB ( REDUCE 211 )
html
css
js
img
other
Image 42 19MB
401 Image Size Reduced
テキスト
DEMO
テキスト
USE IMAGE RESIZING PROXY
httpsgithubcomcubicdaiyangx_small_light
ngx_small_light
テキスト
JUST CHANGE THE IMAGE URL
http$host$portsmall_light(dw=300dh=300)imgimagejpg
http$host$portimgimagejpg
テキスト
Thank You
テキスト
WHY OPTIMIZE IMAGE
You can do it TODAY
Really effective
PNG
テキスト
PNG
Never uses full color PNG images ( 24bit 32bit )
Change to Index Colored PNG with pngquant
Optimize color index with pngrewrite
Optimize deflete compression with AdvanceCOMP
You Can Reduce Image File Size 20~
JPEG
テキスト
JPEG
Use mozjpeg to optimize Jpeg Images
You Can Reduce Image File Size 20~
WEBP
テキスト
WEBP
WebP is the JpegPNG alternative image format by Google
Size of image will be 25~34 of Jpeg image
Supported OSBrowsers
Android 40~
iOS ( SDWebImage library )
Chrome
IESafariFirefox donrsquot support
You Can Reduce Image File Size 60~
テキスト
HOW TO KNOW THE CLIENT SUPPORTS WEBP OR NOT
Acceptimagewebpimageq=08
Check Accept HTTP Request Header
テキスト
DEMO
REAL EXAMPLE
テキスト
FOODYVN
テキスト
ORIGINAL WEB DATA SIZE 59MB
html
css
js
img
other
Image 52 31MB
テキスト
PNG amp JPEG OPTIMIZATION SIZE 51MB ( REDUCE 92 )
html
css
js
img
other
Image 47 26MB
18 Image Size Reduced
テキスト
JPEG TO WEBP SIZE 47MB ( REDUCE 174 )
html
css
js
img
other
Image 42 21MB
333 Image Size Reduced
テキスト
JPEGPNGGIF TO WEBP SIZE 45MB ( REDUCE 211 )
html
css
js
img
other
Image 42 19MB
401 Image Size Reduced
テキスト
DEMO
テキスト
USE IMAGE RESIZING PROXY
httpsgithubcomcubicdaiyangx_small_light
ngx_small_light
テキスト
JUST CHANGE THE IMAGE URL
http$host$portsmall_light(dw=300dh=300)imgimagejpg
http$host$portimgimagejpg
テキスト
Thank You
PNG
テキスト
PNG
Never uses full color PNG images ( 24bit 32bit )
Change to Index Colored PNG with pngquant
Optimize color index with pngrewrite
Optimize deflete compression with AdvanceCOMP
You Can Reduce Image File Size 20~
JPEG
テキスト
JPEG
Use mozjpeg to optimize Jpeg Images
You Can Reduce Image File Size 20~
WEBP
テキスト
WEBP
WebP is the JpegPNG alternative image format by Google
Size of image will be 25~34 of Jpeg image
Supported OSBrowsers
Android 40~
iOS ( SDWebImage library )
Chrome
IESafariFirefox donrsquot support
You Can Reduce Image File Size 60~
テキスト
HOW TO KNOW THE CLIENT SUPPORTS WEBP OR NOT
Acceptimagewebpimageq=08
Check Accept HTTP Request Header
テキスト
DEMO
REAL EXAMPLE
テキスト
FOODYVN
テキスト
ORIGINAL WEB DATA SIZE 59MB
html
css
js
img
other
Image 52 31MB
テキスト
PNG amp JPEG OPTIMIZATION SIZE 51MB ( REDUCE 92 )
html
css
js
img
other
Image 47 26MB
18 Image Size Reduced
テキスト
JPEG TO WEBP SIZE 47MB ( REDUCE 174 )
html
css
js
img
other
Image 42 21MB
333 Image Size Reduced
テキスト
JPEGPNGGIF TO WEBP SIZE 45MB ( REDUCE 211 )
html
css
js
img
other
Image 42 19MB
401 Image Size Reduced
テキスト
DEMO
テキスト
USE IMAGE RESIZING PROXY
httpsgithubcomcubicdaiyangx_small_light
ngx_small_light
テキスト
JUST CHANGE THE IMAGE URL
http$host$portsmall_light(dw=300dh=300)imgimagejpg
http$host$portimgimagejpg
テキスト
Thank You
テキスト
PNG
Never uses full color PNG images ( 24bit 32bit )
Change to Index Colored PNG with pngquant
Optimize color index with pngrewrite
Optimize deflete compression with AdvanceCOMP
You Can Reduce Image File Size 20~
JPEG
テキスト
JPEG
Use mozjpeg to optimize Jpeg Images
You Can Reduce Image File Size 20~
WEBP
テキスト
WEBP
WebP is the JpegPNG alternative image format by Google
Size of image will be 25~34 of Jpeg image
Supported OSBrowsers
Android 40~
iOS ( SDWebImage library )
Chrome
IESafariFirefox donrsquot support
You Can Reduce Image File Size 60~
テキスト
HOW TO KNOW THE CLIENT SUPPORTS WEBP OR NOT
Acceptimagewebpimageq=08
Check Accept HTTP Request Header
テキスト
DEMO
REAL EXAMPLE
テキスト
FOODYVN
テキスト
ORIGINAL WEB DATA SIZE 59MB
html
css
js
img
other
Image 52 31MB
テキスト
PNG amp JPEG OPTIMIZATION SIZE 51MB ( REDUCE 92 )
html
css
js
img
other
Image 47 26MB
18 Image Size Reduced
テキスト
JPEG TO WEBP SIZE 47MB ( REDUCE 174 )
html
css
js
img
other
Image 42 21MB
333 Image Size Reduced
テキスト
JPEGPNGGIF TO WEBP SIZE 45MB ( REDUCE 211 )
html
css
js
img
other
Image 42 19MB
401 Image Size Reduced
テキスト
DEMO
テキスト
USE IMAGE RESIZING PROXY
httpsgithubcomcubicdaiyangx_small_light
ngx_small_light
テキスト
JUST CHANGE THE IMAGE URL
http$host$portsmall_light(dw=300dh=300)imgimagejpg
http$host$portimgimagejpg
テキスト
Thank You
JPEG
テキスト
JPEG
Use mozjpeg to optimize Jpeg Images
You Can Reduce Image File Size 20~
WEBP
テキスト
WEBP
WebP is the JpegPNG alternative image format by Google
Size of image will be 25~34 of Jpeg image
Supported OSBrowsers
Android 40~
iOS ( SDWebImage library )
Chrome
IESafariFirefox donrsquot support
You Can Reduce Image File Size 60~
テキスト
HOW TO KNOW THE CLIENT SUPPORTS WEBP OR NOT
Acceptimagewebpimageq=08
Check Accept HTTP Request Header
テキスト
DEMO
REAL EXAMPLE
テキスト
FOODYVN
テキスト
ORIGINAL WEB DATA SIZE 59MB
html
css
js
img
other
Image 52 31MB
テキスト
PNG amp JPEG OPTIMIZATION SIZE 51MB ( REDUCE 92 )
html
css
js
img
other
Image 47 26MB
18 Image Size Reduced
テキスト
JPEG TO WEBP SIZE 47MB ( REDUCE 174 )
html
css
js
img
other
Image 42 21MB
333 Image Size Reduced
テキスト
JPEGPNGGIF TO WEBP SIZE 45MB ( REDUCE 211 )
html
css
js
img
other
Image 42 19MB
401 Image Size Reduced
テキスト
DEMO
テキスト
USE IMAGE RESIZING PROXY
httpsgithubcomcubicdaiyangx_small_light
ngx_small_light
テキスト
JUST CHANGE THE IMAGE URL
http$host$portsmall_light(dw=300dh=300)imgimagejpg
http$host$portimgimagejpg
テキスト
Thank You
テキスト
JPEG
Use mozjpeg to optimize Jpeg Images
You Can Reduce Image File Size 20~
WEBP
テキスト
WEBP
WebP is the JpegPNG alternative image format by Google
Size of image will be 25~34 of Jpeg image
Supported OSBrowsers
Android 40~
iOS ( SDWebImage library )
Chrome
IESafariFirefox donrsquot support
You Can Reduce Image File Size 60~
テキスト
HOW TO KNOW THE CLIENT SUPPORTS WEBP OR NOT
Acceptimagewebpimageq=08
Check Accept HTTP Request Header
テキスト
DEMO
REAL EXAMPLE
テキスト
FOODYVN
テキスト
ORIGINAL WEB DATA SIZE 59MB
html
css
js
img
other
Image 52 31MB
テキスト
PNG amp JPEG OPTIMIZATION SIZE 51MB ( REDUCE 92 )
html
css
js
img
other
Image 47 26MB
18 Image Size Reduced
テキスト
JPEG TO WEBP SIZE 47MB ( REDUCE 174 )
html
css
js
img
other
Image 42 21MB
333 Image Size Reduced
テキスト
JPEGPNGGIF TO WEBP SIZE 45MB ( REDUCE 211 )
html
css
js
img
other
Image 42 19MB
401 Image Size Reduced
テキスト
DEMO
テキスト
USE IMAGE RESIZING PROXY
httpsgithubcomcubicdaiyangx_small_light
ngx_small_light
テキスト
JUST CHANGE THE IMAGE URL
http$host$portsmall_light(dw=300dh=300)imgimagejpg
http$host$portimgimagejpg
テキスト
Thank You
WEBP
テキスト
WEBP
WebP is the JpegPNG alternative image format by Google
Size of image will be 25~34 of Jpeg image
Supported OSBrowsers
Android 40~
iOS ( SDWebImage library )
Chrome
IESafariFirefox donrsquot support
You Can Reduce Image File Size 60~
テキスト
HOW TO KNOW THE CLIENT SUPPORTS WEBP OR NOT
Acceptimagewebpimageq=08
Check Accept HTTP Request Header
テキスト
DEMO
REAL EXAMPLE
テキスト
FOODYVN
テキスト
ORIGINAL WEB DATA SIZE 59MB
html
css
js
img
other
Image 52 31MB
テキスト
PNG amp JPEG OPTIMIZATION SIZE 51MB ( REDUCE 92 )
html
css
js
img
other
Image 47 26MB
18 Image Size Reduced
テキスト
JPEG TO WEBP SIZE 47MB ( REDUCE 174 )
html
css
js
img
other
Image 42 21MB
333 Image Size Reduced
テキスト
JPEGPNGGIF TO WEBP SIZE 45MB ( REDUCE 211 )
html
css
js
img
other
Image 42 19MB
401 Image Size Reduced
テキスト
DEMO
テキスト
USE IMAGE RESIZING PROXY
httpsgithubcomcubicdaiyangx_small_light
ngx_small_light
テキスト
JUST CHANGE THE IMAGE URL
http$host$portsmall_light(dw=300dh=300)imgimagejpg
http$host$portimgimagejpg
テキスト
Thank You
テキスト
WEBP
WebP is the JpegPNG alternative image format by Google
Size of image will be 25~34 of Jpeg image
Supported OSBrowsers
Android 40~
iOS ( SDWebImage library )
Chrome
IESafariFirefox donrsquot support
You Can Reduce Image File Size 60~
テキスト
HOW TO KNOW THE CLIENT SUPPORTS WEBP OR NOT
Acceptimagewebpimageq=08
Check Accept HTTP Request Header
テキスト
DEMO
REAL EXAMPLE
テキスト
FOODYVN
テキスト
ORIGINAL WEB DATA SIZE 59MB
html
css
js
img
other
Image 52 31MB
テキスト
PNG amp JPEG OPTIMIZATION SIZE 51MB ( REDUCE 92 )
html
css
js
img
other
Image 47 26MB
18 Image Size Reduced
テキスト
JPEG TO WEBP SIZE 47MB ( REDUCE 174 )
html
css
js
img
other
Image 42 21MB
333 Image Size Reduced
テキスト
JPEGPNGGIF TO WEBP SIZE 45MB ( REDUCE 211 )
html
css
js
img
other
Image 42 19MB
401 Image Size Reduced
テキスト
DEMO
テキスト
USE IMAGE RESIZING PROXY
httpsgithubcomcubicdaiyangx_small_light
ngx_small_light
テキスト
JUST CHANGE THE IMAGE URL
http$host$portsmall_light(dw=300dh=300)imgimagejpg
http$host$portimgimagejpg
テキスト
Thank You
テキスト
HOW TO KNOW THE CLIENT SUPPORTS WEBP OR NOT
Acceptimagewebpimageq=08
Check Accept HTTP Request Header
テキスト
DEMO
REAL EXAMPLE
テキスト
FOODYVN
テキスト
ORIGINAL WEB DATA SIZE 59MB
html
css
js
img
other
Image 52 31MB
テキスト
PNG amp JPEG OPTIMIZATION SIZE 51MB ( REDUCE 92 )
html
css
js
img
other
Image 47 26MB
18 Image Size Reduced
テキスト
JPEG TO WEBP SIZE 47MB ( REDUCE 174 )
html
css
js
img
other
Image 42 21MB
333 Image Size Reduced
テキスト
JPEGPNGGIF TO WEBP SIZE 45MB ( REDUCE 211 )
html
css
js
img
other
Image 42 19MB
401 Image Size Reduced
テキスト
DEMO
テキスト
USE IMAGE RESIZING PROXY
httpsgithubcomcubicdaiyangx_small_light
ngx_small_light
テキスト
JUST CHANGE THE IMAGE URL
http$host$portsmall_light(dw=300dh=300)imgimagejpg
http$host$portimgimagejpg
テキスト
Thank You
テキスト
DEMO
REAL EXAMPLE
テキスト
FOODYVN
テキスト
ORIGINAL WEB DATA SIZE 59MB
html
css
js
img
other
Image 52 31MB
テキスト
PNG amp JPEG OPTIMIZATION SIZE 51MB ( REDUCE 92 )
html
css
js
img
other
Image 47 26MB
18 Image Size Reduced
テキスト
JPEG TO WEBP SIZE 47MB ( REDUCE 174 )
html
css
js
img
other
Image 42 21MB
333 Image Size Reduced
テキスト
JPEGPNGGIF TO WEBP SIZE 45MB ( REDUCE 211 )
html
css
js
img
other
Image 42 19MB
401 Image Size Reduced
テキスト
DEMO
テキスト
USE IMAGE RESIZING PROXY
httpsgithubcomcubicdaiyangx_small_light
ngx_small_light
テキスト
JUST CHANGE THE IMAGE URL
http$host$portsmall_light(dw=300dh=300)imgimagejpg
http$host$portimgimagejpg
テキスト
Thank You
REAL EXAMPLE
テキスト
FOODYVN
テキスト
ORIGINAL WEB DATA SIZE 59MB
html
css
js
img
other
Image 52 31MB
テキスト
PNG amp JPEG OPTIMIZATION SIZE 51MB ( REDUCE 92 )
html
css
js
img
other
Image 47 26MB
18 Image Size Reduced
テキスト
JPEG TO WEBP SIZE 47MB ( REDUCE 174 )
html
css
js
img
other
Image 42 21MB
333 Image Size Reduced
テキスト
JPEGPNGGIF TO WEBP SIZE 45MB ( REDUCE 211 )
html
css
js
img
other
Image 42 19MB
401 Image Size Reduced
テキスト
DEMO
テキスト
USE IMAGE RESIZING PROXY
httpsgithubcomcubicdaiyangx_small_light
ngx_small_light
テキスト
JUST CHANGE THE IMAGE URL
http$host$portsmall_light(dw=300dh=300)imgimagejpg
http$host$portimgimagejpg
テキスト
Thank You
テキスト
FOODYVN
テキスト
ORIGINAL WEB DATA SIZE 59MB
html
css
js
img
other
Image 52 31MB
テキスト
PNG amp JPEG OPTIMIZATION SIZE 51MB ( REDUCE 92 )
html
css
js
img
other
Image 47 26MB
18 Image Size Reduced
テキスト
JPEG TO WEBP SIZE 47MB ( REDUCE 174 )
html
css
js
img
other
Image 42 21MB
333 Image Size Reduced
テキスト
JPEGPNGGIF TO WEBP SIZE 45MB ( REDUCE 211 )
html
css
js
img
other
Image 42 19MB
401 Image Size Reduced
テキスト
DEMO
テキスト
USE IMAGE RESIZING PROXY
httpsgithubcomcubicdaiyangx_small_light
ngx_small_light
テキスト
JUST CHANGE THE IMAGE URL
http$host$portsmall_light(dw=300dh=300)imgimagejpg
http$host$portimgimagejpg
テキスト
Thank You
テキスト
ORIGINAL WEB DATA SIZE 59MB
html
css
js
img
other
Image 52 31MB
テキスト
PNG amp JPEG OPTIMIZATION SIZE 51MB ( REDUCE 92 )
html
css
js
img
other
Image 47 26MB
18 Image Size Reduced
テキスト
JPEG TO WEBP SIZE 47MB ( REDUCE 174 )
html
css
js
img
other
Image 42 21MB
333 Image Size Reduced
テキスト
JPEGPNGGIF TO WEBP SIZE 45MB ( REDUCE 211 )
html
css
js
img
other
Image 42 19MB
401 Image Size Reduced
テキスト
DEMO
テキスト
USE IMAGE RESIZING PROXY
httpsgithubcomcubicdaiyangx_small_light
ngx_small_light
テキスト
JUST CHANGE THE IMAGE URL
http$host$portsmall_light(dw=300dh=300)imgimagejpg
http$host$portimgimagejpg
テキスト
Thank You
テキスト
PNG amp JPEG OPTIMIZATION SIZE 51MB ( REDUCE 92 )
html
css
js
img
other
Image 47 26MB
18 Image Size Reduced
テキスト
JPEG TO WEBP SIZE 47MB ( REDUCE 174 )
html
css
js
img
other
Image 42 21MB
333 Image Size Reduced
テキスト
JPEGPNGGIF TO WEBP SIZE 45MB ( REDUCE 211 )
html
css
js
img
other
Image 42 19MB
401 Image Size Reduced
テキスト
DEMO
テキスト
USE IMAGE RESIZING PROXY
httpsgithubcomcubicdaiyangx_small_light
ngx_small_light
テキスト
JUST CHANGE THE IMAGE URL
http$host$portsmall_light(dw=300dh=300)imgimagejpg
http$host$portimgimagejpg
テキスト
Thank You
テキスト
JPEG TO WEBP SIZE 47MB ( REDUCE 174 )
html
css
js
img
other
Image 42 21MB
333 Image Size Reduced
テキスト
JPEGPNGGIF TO WEBP SIZE 45MB ( REDUCE 211 )
html
css
js
img
other
Image 42 19MB
401 Image Size Reduced
テキスト
DEMO
テキスト
USE IMAGE RESIZING PROXY
httpsgithubcomcubicdaiyangx_small_light
ngx_small_light
テキスト
JUST CHANGE THE IMAGE URL
http$host$portsmall_light(dw=300dh=300)imgimagejpg
http$host$portimgimagejpg
テキスト
Thank You
テキスト
JPEGPNGGIF TO WEBP SIZE 45MB ( REDUCE 211 )
html
css
js
img
other
Image 42 19MB
401 Image Size Reduced
テキスト
DEMO
テキスト
USE IMAGE RESIZING PROXY
httpsgithubcomcubicdaiyangx_small_light
ngx_small_light
テキスト
JUST CHANGE THE IMAGE URL
http$host$portsmall_light(dw=300dh=300)imgimagejpg
http$host$portimgimagejpg
テキスト
Thank You
テキスト
DEMO
テキスト
USE IMAGE RESIZING PROXY
httpsgithubcomcubicdaiyangx_small_light
ngx_small_light
テキスト
JUST CHANGE THE IMAGE URL
http$host$portsmall_light(dw=300dh=300)imgimagejpg
http$host$portimgimagejpg
テキスト
Thank You
テキスト
USE IMAGE RESIZING PROXY
httpsgithubcomcubicdaiyangx_small_light
ngx_small_light
テキスト
JUST CHANGE THE IMAGE URL
http$host$portsmall_light(dw=300dh=300)imgimagejpg
http$host$portimgimagejpg
テキスト
Thank You
テキスト
JUST CHANGE THE IMAGE URL
http$host$portsmall_light(dw=300dh=300)imgimagejpg
http$host$portimgimagejpg
テキスト
Thank You
Recommended