[JS]é€éŽå‡¦ç†ã‚’ã—ãŸå†™çœŸç”»åƒã®è»¢é€é‡ã‚’軽ãã™ã‚‹æ–¹æ³•é€šå¸¸ã€é€éŽå‡¦ç†ã‚’ã—ãŸå†™çœŸç”»åƒã‚’使用ã™ã‚‹éš›ã®ãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã¯PNGを使用ã™ã‚‹ã“ã¨ãŒå¤šã„ã¨æ€ã„ã¾ã™ã€‚ã“れを写真画åƒã«JPEGã€ãã®ä¸Šã«ãƒžã‚¹ã‚¯ã®PNGを使用ã—ã¦ãƒˆãƒ¼ã‚¿ãƒ«ã®å®¹é‡ã‚’軽減ã™ã‚‹æ–¹æ³•ã‚’紹介ã—ã¾ã™ã€‚ デモã§ã¯ã€PNGã®ã¿ã§127KBã€JPEG with PNGã§42KBã€ã¨ç´„1/3容é‡ãŒè»½æ¸›ã—ã¦ã„ã¾ã™ã€‚ ;(function() { var create_alpha_jpeg = function(img) { var alpha_path = img.getAttribute('data-alpha-src') if(!alpha_path) return // Hide the original un-alpha'd img.style.visiblity = 'hidden' // Preload the un-alpha'd image var image = document.cre
Sample image files in JPEG and WebP
{{#tags}}- {{label}}
{{/tags}}