![èŠåºãç»å](https://assets.st-note.com/production/uploads/images/125738375/rectangle_large_type_2_bbe6d28af5b3751adbc8f08a81475397.png?width=1200)
ð30%容é軜éåïŒä»€åWebé«éåã®èŠããWebPããã¡ã€ã«ã«ã€ããŠïŒããããå€æããŒã«é åžäžâªïŒ
ãããé»ææããæ©30幎âŠä»ã§ã¯å人å®
ã§ãã®ã¬ããŒã¹ã®å
éä¿¡ãæ®åããŠããŸãã
äžæ¹ã§ã¢ãã€ã«æ¥çã¯ãŸã ãŸã 4Gãäž»æµã§ããïŒ5Gã©ããã£ãâŠïŒïŒ
ã¹ããæ¬äœã®æ§èœåäžãé¡èã§ãã¢ãã€ã«é床ã®é²åã¯ç·©ããã§ããããã§å€§äºãªã®ããããŒãžå®¹éãã§ãã
GoogleãæäŸãããPageSpeed Insightsãã§ã¯WebããŒãžã®URLã貌ãã ãã§è©äŸ¡ïŒæ¹åçãæèšããŠãããŸãã
![](https://assets.st-note.com/img/1703560717436-YhCInhNzW8.png?width=1200)
é«éåãã³å ¥ãã®å¿ èŠæ§ãã§ãŠããŸããã
ããã§ããã©ãŒãã³ã¹æ¹åã§Googleãã匷ãæšå¥šãããã®ããWebPãç»å圢åŒã§ãã
![](https://assets.st-note.com/img/1703640605508-d3z75Fmuny.png)
ð°ããããWebPãšã¯ïŒ
![](https://assets.st-note.com/img/1703649418385-UZZMbumJPg.png?width=1200)
Googleãéçºãã次äžä»£ç»åãã©ãŒãããã§ãã
ç»åã®å§çž®çãé«ãã衚瀺é床ã®é«éåã«æå©ã§ãã
2022幎6ææç¹ã§ã¯ãäž»èŠãã©ãŠã¶ã§ããGoogle ChromeãSafariãFirefoxãEdgeãªã©ã®ãã©ãŠã¶ãWebPã«å¯Ÿå¿ããŸããã
iPhoneã¯iOS14以é察å¿ïŒ2020/9ïŒã§3幎åããã«ããŒããŠããŸãã
ð·ç»åãå§çž®ããäž»ãªçç±ã¯ïŒ
![](https://assets.st-note.com/img/1703649418385-UZZMbumJPg.png?width=1200)
ãŠãŒã¶ãŒã®çŽåž°çãæžå°ããããã
SEO察çäžå¿ èŠäžå¯æ¬ ã§ãããã
ãµãŒããŒäžã®è² è·ã軜æžããããã
ãŠãŒã¶ãŒã®ã¹ãã¬ã¹ã軜æžããããã
ðšãããä»åŸã¯ç»åããŒã¿ã¯å šéšWebP䜿ãã°ããïŒ
![](https://assets.st-note.com/img/1703649418385-UZZMbumJPg.png?width=1200)
ãããªããšã¯ããããŸããïŒèŠæèŠæã§æç確ã§äœ¿ãåããŸãããïŒ
ïŒãã é«éåã«ã¯WebPãæé©ã§ãïŒ
![](https://assets.st-note.com/img/1703562013662-IdN2igWoLr.png?width=1200)
ðãããWebããŒããæžãåºããšãã¯Photoshopã§WebP圢åŒã§ä¿åãããïŒ
![](https://assets.st-note.com/img/1703649418385-UZZMbumJPg.png?width=1200)
ã¡ãã£ãšåŸ ã£ãŠïŒå®ã¯ãŸã Photoshopã¯æžãåºã察å¿ãå®å šã§ã¯ãããŸããïŒ (2023/12æç¹)
Photoshopã§ã¯ãçæã¢ã»ãããONãã«èšå®ããããšã§ãã¬ã€ã€ãŒã«ä»ããããæ¡åŒµåã®ç»åãã¡ã€ã«ãèªåæžãåºããããŸãããWebPã¯ãŸã æªå¯Ÿå¿ã®ããã§ãïŒïŒ
![](https://assets.st-note.com/img/1703233332946-At8amupqbu.png)
![](https://assets.st-note.com/img/1703233371286-VyMiNfhKs9.png)
![](https://assets.st-note.com/img/1703233395988-715XJGL2Sf.png)
ðç»åãWebPã«å€æã§ããWEBãµãŒãã¹ãããã«ã¯ãããŸã
![](https://assets.st-note.com/img/1703649418385-UZZMbumJPg.png?width=1200)
ð¡ã§ããã°âãªãªãŒã¹åã®ç»åâãæ±ãã®ã§ããŒã«ã«ã§ãµã¯ããšæžãåºãããã§ãããïŒ
![](https://assets.st-note.com/img/1703649418385-UZZMbumJPg.png?width=1200)
ð ãå®å¿ãã ãããèªååŠçããŒã«äœããŸããïŒ
å³è§£ã¯ð»WindowsãããŒã¹ã«ããŠããŸãããðMacã§ãåããããŒã«ãªããŸãã
â»èªååŠçã¯Photoshopã®ã¢ã¯ã·ã§ã³æ©èœã䜿ã£ãŠããŸããããåäœããªãå Žåã¯Photoshopã®ããŒãžã§ã³ãææ°çã«ã¢ããããŒãããŠãã ããã
![](https://assets.st-note.com/img/1703649562316-jNka9byw0T.png?width=1200)
1ïžâ£äžèšã®ã¢ã¯ã·ã§ã³ãã¡ã€ã«ãããŠã³ããŒãããŠãPhotoshopã«èªã¿èŸŒãã§ãã ããã
â»ã¢ããããŒãããããã¡ã€ã«ã¯noteã§ããŠã£ã«ã¹ãã§ãã¯ãè¡ã£ãŠãããŸãããå®å¿ãã ããã
![](https://assets.st-note.com/img/1703233608000-PIlkNw3wrW.png)
ãã»ããããšãã¢ã¯ã·ã§ã³ããè¿œå ãããŸããïŒ
![](https://assets.st-note.com/img/1703649581473-pRNDuTTGBc.png?width=1200)
2ïžâ£ããããã¬ããïŒèªååŠçããŒã«ïŒãçæããŸãã
![](https://assets.st-note.com/img/1703233645727-Jqq9v9VUal.png)
![](https://assets.st-note.com/img/1703233698094-23p192LQ3o.png?width=1200)
ðè£è¶³
ãããããã¬ãããä¿åã
âãèªååŠçããŒã«ãã©ãã«ä¿åãããæå®ã§ããŸãã
âãäžæŠãã¹ã¯ãããããããããããšæããŸãã
âãååã¯åŸã§å€æŽã§ããŸãã®ã§é©åœã§åé¡ãããŸããã
ãå®è¡ã
âãããŠã³ããŒãããã¢ã¯ã·ã§ã³ã®ãã»ããããšãã¢ã¯ã·ã§ã³ãããã«ããŠã³ã§éžæããŠãã ããã
æåŸã«ãOKããæŒãã°ããããã¬ãããçæãããŠããã¯ãã§ãã
ð»WindowsâŠïŒïŒïŒ.exeãã¡ã€ã«
ðMacâŠâŠâŠâŠïŒïŒïŒ.appãã¡ã€ã«
![](https://assets.st-note.com/img/1703649581473-pRNDuTTGBc.png?width=1200)
3ïžâ£ããããã¬ããã«ç»åããã©ãã°ãããšwebpãã¡ã€ã«ã«å€æãããŸãã
![](https://assets.st-note.com/img/1703234048510-mBS3YDr325.png)
![](https://assets.st-note.com/img/1703234063129-7l7tGgaU59.png)
![](https://assets.st-note.com/img/1703649581473-pRNDuTTGBc.png?width=1200)
â 泚æäºé
ðãã¡ã€ã«å®¹éã®æ¯èŒð
æžãåºããããã¡ã€ã«ã¯å¿
ã容éã®æ¯èŒãè¡ã£ãŠã¿ãŠãã ãããå£çŽãèæ¯ç»åãªã©é«è§£å床ã®å Žåã容éãèšããã§ããŸãã±ãŒã¹ããããŸãã
ðMacçã®åæèµ·åæð
Macã ãšæ£ããããããã¬ããã§ãååèµ·åæã«ãšã©ãŒãåããŠããŸãã®ã§ãäžèšã¹ãããããè©Šããã ããã
![](https://assets.st-note.com/img/1703561409696-0neZQ7LjZw.png)
äžåºŠããã£ã³ã»ã«ããã¯ãªãã¯
ããããã¬ãã.appãå³ã¯ãªã㯠âŸãéãã
ãŸããšã©ãŒã衚瀺ããŸãããéããã®é ç®ãã¯ãªãã¯
ããã§éåžžã©ããããããã¬ããã«ç»åãã¡ã€ã«ããã©ãã°ãããšWebPã«å€æãããŸãã
ðãå³ã¯ãªãã¯ç»é²ãã§ãã£ãšäŸ¿å©ã«
![](https://assets.st-note.com/img/1703649418385-UZZMbumJPg.png?width=1200)
å³ã¯ãªãã¯ã¡ãã¥ãŒã«ç»é²ããã°ãããããã¬ããã«ãã¡ã€ã«ããã©ãã°ããªããŠãOKã§ãïŒ
ð»Windows
![](https://assets.st-note.com/img/1703234148715-g5OkapzVd9.png)
ðMac
ðŒãã£ãšå®¹éãæžãããªãã®ïŒ
![](https://assets.st-note.com/img/1703649418385-UZZMbumJPg.png?width=1200)
ãð¥åçŽè ãå€éšããŒã«ã§æžéåïŒ
容éãæŽã«ã-70ïŒ ãã-90%æžéããããŸãã
ãµã€ãºæšç§»
.pngãã¡ã€ã«ïŒ1.16MBïŒâŸ .webpãã¡ã€ã«ïŒ843KBïŒâŸ TinyPNG(103KB)
![](https://assets.st-note.com/img/1703488429810-AaCHOL2RV9.png?width=1200)
ãð¥ð¥äžçŽè åããç»è³ªããšã®ããããã¬ãããäœæïŒ
æ¬èšäºã§é
ä¿¡ããŠããã¢ã¯ã·ã§ã³ã®ããããã¬ããæžãåºãæã«
ãç»è³ª75ãçã®ããããã¬ãããçæããŠãã ããã
![](https://assets.st-note.com/img/1703488645009-nzDTJHsXlk.png)
ãð¥ð¥ð¥äžçŽè åããã¢ã¯ã·ã§ã³ãã¡ã€ã«ããç»è³ªãã³ã³ãããŒã«ãã
ã¢ã¯ã·ã§ã³ããŒã«ã®ãä¿åããšãªã¢ãããã«ã¯ãªãã¯ãã
![](https://assets.st-note.com/img/1703488861852-SEimpb9eDh.png)
![](https://assets.st-note.com/img/1703488907984-epyW6uAdqD.png)
奜ã¿ã®ç»è³ªã«èšå®ããç»è³ªã®ããããã¬ãããçæããŠå®äºã§ãã
ðãŸãšã
ã»ã€ã³ã¿ãŒãããã®é床ã¯ããã£ãŠãããŠã¯ãããã®ã®âŠã¢ãã€ã«ã®ã¹ããŒãã¯ç·©ããã§ãã
ã»ããŒãžã®é«éåã¯ãUI/UXã«ãããŠå€§äºãªèŠçŽ ã§ãã
ã»é«éåæ段ã®äžã€ãšããŠç»å圢åŒã¯WebPãæšå¥šããŸãã
ã»ããããã¬ããã䜿ãã°ãæ軜ã«ç»åãWebPåã§ããŸãã
ð£viviONã§ã¯äžç·ã«åã仲éãåéããŠããŸãïŒ
ãŠãŒã¶ãŒãšã¯ãªãšã€ã¿ãŒã楜ãã¿ãªããã幞ãã«çããŠããã瀟äŒã«ãããæ ªåŒäŒç€ŸviviONã§ã¯ãäžç·ã«åã仲éãçŸåšåéããŠããŸããå°ãã§ãæ¥åå 容ãã«ã«ãã£ãŒã«èå³ãæã£ãŠããã ããŸããããæ¯éãæ°è»œã«ãå¿åãã ãããŸãã
ãã®èšäºãåå ããŠããåé
ãã®èšäºãæ°ã«å ¥ã£ãããµããŒããããŠã¿ãŸãããïŒ