ç”»åƒæœ€é©åŒ–戦略 WebP ç·¨ | blog.jxck.ioIntro 本サイト㮠PNG/JPEG ã§æä¾›ã—ã¦ã„ã‚‹ç”»åƒã«ã¤ã„ã¦ã¯ã€ã‚ˆã‚Šã‚µã‚¤ã‚ºãŒå°ã•ããªã‚Šã‚„ã™ã„ WebP å½¢å¼ã‚’æä¾›ã—ã€å¯¾å¿œãƒ–ラウザã«é…布ã™ã‚‹ã‚ˆã†ã«ã—ãŸã€‚ フォーマットを出ã—分ã‘ã‚‹ãŸã‚ã€ç”»åƒã®æŒ‡å®šã¯ <picture> è¦ç´ を用ã„ã¦å¯¾å¿œã—ãŸã€‚ ç”»åƒæœ€é©åŒ–シリーズ第 3 回目ã®ã‚¨ãƒ³ãƒˆãƒªã§ã‚る。 ç”»åƒæœ€é©åŒ–戦略 PNG/JPEG ç·¨ ç”»åƒæœ€é©åŒ–戦略 Picture ç·¨ > ç”»åƒæœ€é©åŒ–戦略 WebP ç·¨ ç”»åƒæœ€é©åŒ–戦略 SVG/Font ç·¨ ç”»åƒæœ€é©åŒ–戦略 Lazy Loading ç·¨ WebP 従æ¥ã® Web ã«ãŠã„ã¦ã€ç”»åƒã¯ç”¨é€”毎㫠PNG/JPEG/GIF ãªã©ã‚’使ã„分ã‘ã¦ã„ãŸã€‚ 一般的ã«ã¯ä»¥ä¸‹ã®ã‚ˆã†ãªä½¿ã„分ã‘ãŒè¡Œã‚ã‚Œã¦ã„る。 WebP 㯠Google ãŒé–‹ç™ºã—ãŸç”»åƒãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã§ã‚ã‚Šã€ã“れら三ã¤ã®ç”¨é€”å…¨ã¦ã«é©ã—ãŸä¸Šã§ã€ã•ã‚‰ã«å°ã•ã„サイズã«åœ§ç¸®ã§ãã‚‹å ´åˆãŒå¤šã„。 ã¾ãŸã€WebP ã¯
{{#tags}}- {{label}}
{{/tags}}