- ¼Ò°³
¿À´Ã³¯ À¥ ¼º´ÉÀÌ Á÷¸éÇÑ °¡Àå Å« ¹®Á¦ Áß Çϳª´Â À̹ÌÁö°¡ ´ë¿ªÆø »ç¿ë·®ÀÇ ´ëºÎºÐÀ» Â÷ÁöÇϹǷΠÀ¥ ÆäÀÌÁö ¼Óµµ°¡ ´À·ÁÁø´Ù´Â °ÍÀÔ´Ï´Ù.
WebP´Â Google¿¡¼ °³¹ßÇÑ À̹ÌÁö Çü½ÄÀÇ ÀÏÁ¾À¸·Î, µð½ºÅ© °ø°£°ú ³×Æ®¿öÅ© ´ë¿ªÆøÀ» ´ú Â÷ÁöÇϸç Chrome, Opera µî°ú °°Àº ¸ðµç ÁÖ¿ä ºê¶ó¿ìÀú¿¡¼ ´õ Àß Áö¿øµË´Ï´Ù.
±×·¯³ª ÀÌ¹Ì ÀÌ Çü½ÄÀ¸·Î À̹ÌÁö¸¦ Á¦°øÇÏ°í ÀÖÁö ¾ÊÀ¸¸é »çÀÌÆ®¸¦ ¹æ¹®ÇÏ´Â ¹æ¹®ÀÚ´Â WebP À̹ÌÁö¿¡ ¾×¼¼½ºÇÒ ¼ö ¾ø½À´Ï´Ù. ÀÌ Ç÷¯±×ÀÎÀº ¾à°£ÀÇ JavaScript(jQuery Script)¸¦ »ç¿ëÇÏ¿© ±âÁ¸ À̹ÌÁö(PNG/JPG/GIF)¸¦ ¸ðµÎ WebP À̹ÌÁö·Î ´ëüÇÒ ¼ö ÀÖµµ·Ï µ½±â À§ÇØ Åº»ýÇß½À´Ï´Ù.
- ¶óÀ̼¾½º
MIT
- »ç¿ë ¹æ¹ý
1. jQuery ¶óÀ̺귯¸®¿Í main.js ÆÄÀÏÀ» È£ÃâÇÕ´Ï´Ù.
2. ´õ ¸¹Àº ºê¶ó¿ìÀú Áö¿øÀ» Ãß°¡ÇÏ·Á¸é ±âº» JavaScript¸¦ ¼öÁ¤Çϼ¼¿ä.
3. ÀÌ Ç÷¯±×ÀÎÀº ÀÌÀü À¥ ÆäÀÌÁö¿¡ ÀÌ¹Ì »ðÀÔµÈ À̹ÌÁö¿¡¸¸ ÀÛµ¿ÇÑ´Ù´Â Á¡Àº ÁÖ¸ñÇÒ °¡Ä¡°¡ ÀÖ½À´Ï´Ù.
»õ À¥ÆäÀÌÁö¿¡ »õ webp À̹ÌÁö¸¦ »ðÀÔÇÏ´Â °æ¿ì ´ÙÀ½ HTML Äڵ带 »ç¿ëÇϼ¼¿ä.
- µ¥¸ð ȸé
|