WebP์ด๋ฏธ์ง€๋Š” ๋ฌด์—‡์ด๊ณ  ์™œ ์‚ฌ์šฉํ•ด์•ผ ํ•˜๋Š”์ง€ ์•Œ์•„๋ณด๊ธฐ

์ด ๊ธ€์—๋Š” ์ œํ’ˆ์†Œ๊ฐœ๋กœ ์ˆ˜์ต๊ธˆ์„ ์–ป๋Š” ๋งํฌ๊ฐ€ ํฌํ•จ๋˜์–ด ์žˆ์Šต๋‹ˆ๋‹ค.
    WebP์ด๋ฏธ์ง€๋Š” ๋ฌด์—‡์ด๊ณ  ์™œ ์‚ฌ์šฉํ•ด์•ผ ํ•˜๋Š”์ง€ ์•Œ์•„๋ณด๊ธฐ

    WebP์ด๋ฏธ์ง€๋ž€ ๋ฌด์—‡์ธ๊ฐ€์š”?

    WebP์ด๋ฏธ์ง€๋Š” ๊ตฌ๊ธ€์—์„œ ๊ฐœ๋ฐœํ•œ ์ด๋ฏธ์ง€ํฌ๋งท์ž…๋‹ˆ๋‹ค. ๊ฐ€์žฅ ํฐ ํŠน์ง•์€ jpg๋‚˜ png, gif์˜ ํฌ๋งท๋ณด๋‹ค ์ž‘์€ ์šฉ๋Ÿ‰์œผ๋กœ ๋” ์„ ๋ช…ํ•œ ํ™”์งˆ์„ ๋‚ผ ์ˆ˜ ์žˆ๋Š” ์ด๋ฏธ์ง€๋ผ๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค. ์ด๋ ‡๊ฒŒ WebP๋กœ ์ œ์ž‘๋œ ์ด๋ฏธ์ง€๋Š” ์›น์‚ฌ์ดํŠธ๋‚˜ ๋ธ”๋กœ๊ทธ๋“ฑ์˜ ์›น์ƒ์—์„œ ํ‘œํ˜„๋˜๋Š” ์ด๋ฏธ์ง€๋ฅผ ๋‚˜ํƒ€๋‚ด๊ธฐ์— ์•ˆ์„ฑ๋งž์ถค์ธ๊ฒƒ์ด์ฃ . ๋”์šฑ ์ž์„ธํ•œ ๋‚ด์šฉ์„ ํ™•์ธํ•˜๋ ค๋ฉด ์•„๋ž˜์˜ ๋‚˜๋ฌด์œ„ํ‚ค๋ฅผ ๋ฐฉ๋ฌธํ•ด์„œ ํ™•์ธ๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค.

    ๋‚˜๋ฌด์œ„ํ‚ค WebP์„ค๋ช… ๋ฐ”๋กœ๊ฐ€๊ธฐ

    WebP์ด๋ฏธ์ง€๊ฐ€ SEO์— ๋ฏธ์น˜๋Š” ์˜ํ–ฅ

    WebP ์ด๋ฏธ์ง€ ํฌ๋งท์€ SEO์— ๊ธ์ •์ ์ธ ์˜ํ–ฅ์„ ๋ฏธ์นฉ๋‹ˆ๋‹ค. WebP ์ด๋ฏธ์ง€๋Š” ํŒŒ์ผ ํฌ๊ธฐ๊ฐ€ ์ž‘์•„ ํŽ˜์ด์ง€ ๋กœ๋”ฉ ์†๋„๋ฅผ ๊ฐœ์„ ํ•  ์ˆ˜ ์žˆ๊ธฐ๋•Œ๋ฌธ์ด์ฃ . ๋กœ๋”ฉ ์†๋„๋Š” ๊ตฌ๊ธ€ ๊ฐ™์€ ๊ฒ€์ƒ‰ ์—”์ง„์—์„œ ์ค‘์š”ํ•œ ์ˆœ์œ„ ๊ฒฐ์ • ์š”์†Œ๋ผ ๋น ๋ฅธ ๋กœ๋”ฉ ์‹œ๊ฐ„์€ ๋ฐฉ๋ฌธ์ž๋„ ๋‚ด๋ธ”๋กœ๊ทธ์— ๋จธ๋ฌด๋ฅด๋Š” ์‹œ๊ฐ„์„ ์ฆ๊ฐ€์‹œ์ผœ์ฃผ๊ณ  seo์—๋„ ๊ธ์ •์ ์ธ ์˜ํ–ฅ์„ ๋ฏธ์น˜๊ฒŒ ๋ฉ๋‹ˆ๋‹ค. ๋ชจ๋ฐ”์ผ ํ™˜๊ฒฝ์—์„œ๋„ ํŒŒ์ผ ํฌ๊ธฐ์™€ ๋กœ๋”ฉ ์‹œ๊ฐ„์ด ์ค‘์š”ํ•˜๊ธฐ ๋•Œ๋ฌธ์— WebP๋Š” ํŠนํžˆ ์œ ์šฉํ•˜์ฃ . 

    pngํŒŒ์ผ๊ณผ WebPํŒŒ์ผ์˜ ์šฉ๋Ÿ‰๋น„๊ต

    ๊ทธ๋ ‡๋‹ค๋ฉด ๋‹ค๋ฅธ ํฌ๋งท์˜ ์ด๋ฏธ์ง€์™€ ์šฉ๋Ÿ‰์€ ์–ผ๋งˆ๋‚˜ ์ฐจ์ด๊ฐ€ ๋‚ ๊นŒ์š”? ๊ฐ„๋‹จํ•œ ์‹คํ—˜์œผ๋กœ ์น ๊ฐ€์ด์ด๋ฏธ์ง€๋ฅผ ํ•˜๋‚˜ ๋‹ค์šด๋กœ๋“œ ๋ฐ›์•„์„œ ์›๋ณธpngํŒŒ์ผ๊ณผ WebP์ด๋ฏธ์ง€๋กœ ๋ณ€ํ™˜ํ•œ ์ด๋ฏธ์ง€๋กœ ๋น„๊ตํ•ด๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค.

    ๊ฐ™์€ ์ด๋ฏธ์ง€๋กœ ํŒŒ์ผ๋ณ€ํ™˜๋งŒํ•ด๋„ ์ฐจ์ด๊ฐ€ ๋งŽ์ด ๋‚˜๋Š”๊ฒŒ ๋ณด์ด์‹œ๋‚˜์š”? ์›๋ณธ์€ 141kb์ธ๋ฐ WebP์ด๋ฏธ์ง€๋กœ ๋ณ€ํ™˜ํ•˜๋ฉด 21.2kb๋กœ ์ค„์–ด๋“ญ๋‹ˆ๋‹ค. ์šฉ๋Ÿ‰์€ ๋œ ์ฐจ์ง€ํ•˜๊ณ  ์ด๋ฏธ์ง€๋Š” ๊นจ์ง€์ง€์•Š๊ณ  ์„ ๋ช…ํ•จ์„ ๊ทธ๋Œ€๋กœ ์œ ์ง€ํ•ฉ๋‹ˆ๋‹ค. ์šฉ๋Ÿ‰์ด ์ค„์–ด๋“œ๋‹ˆ ๊ทธ๋งŒํผ ๋กœ๋”ฉ์†๋„๊ฐ€ ๋นจ๋ผ์ง€๊ฒŒ ๋˜์ฃ . ์ด๋Ÿฌ๋‹ˆ ๋ธ”๋กœ๊ทธ์˜ SEO์— ์ข‹์€ ์˜ํ–ฅ์„ ๋ฐ›์„ ์ˆ˜ ๋ฐ–์— ์—†๋Š”๊ฒ๋‹ˆ๋‹ค.

    WebP์ด๋ฏธ์ง€๋Š” ๋ฌด์—‡์ด๊ณ  ์™œ ์‚ฌ์šฉํ•ด์•ผ ํ•˜๋Š”์ง€ ์•Œ์•„๋ณด๊ธฐ

    WebP์ด๋ฏธ์ง€ ๋งŒ๋“œ๋Š” ๋ฐฉ๋ฒ•

    ๋ณดํ†ต ๋ธ”๋กœ๊ทธ์—์„œ ์ด๋ฏธ์ง€๋ฅผ ์‚ฌ์šฉํ•˜๋Š”๊ฒฝ์šฐ๋Š” ํ™”๋ฉด์„ ์บก์ฒ˜ํ•˜์—ฌ ์„ค๋ช…์šฉ์œผ๋กœ ์‚ฝ์ž…ํ•˜๋Š”๊ฒฝ์šฐ์™€ ๊ธ€์„ ์ฝ์œผ๋ฉด์„œ ์ƒ์ƒ์ด ๋” ์ž˜๋˜๊ฒŒ ํ•˜๋Š” ์šฉ๋„๋กœ ์ด๋ฏธ์ง€๋ฅผ ์‚ฝ์ž…ํ•˜๋Š”๊ฒฝ์šฐ๊ฐ€ ๋งŽ์Šต๋‹ˆ๋‹ค. ์ด๋Ÿฐ๊ฒฝ์šฐ ์–ด๋–ป๊ฒŒ ์ด๋ฏธ์ง€๋ฅผ WebP๋กœ ๋งŒ๋“ค ์ˆ˜ ์žˆ๋Š”์ง€ ์‚ดํŽด๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค.


    1. WebP์ด๋ฏธ์ง€๋กœ ์บก์ฒ˜ํ•˜๋Š” ํ”„๋กœ๊ทธ๋žจ

    ์บก์ฒ˜ํ”„๋กœ๊ทธ๋žจ์—์„œ WebP๋ฅผ ์ง€์›ํ•˜๋Š” ๊ฒฝ์šฐ ๊ทธ๋ƒฅ ์บก์ฒ˜๋งŒ ํ•˜๋Š”๊ฒƒ์œผ๋กœ WebP์ด๋ฏธ์ง€๋ฅผ ๋น ๋ฅด๊ฒŒ ์ƒ์„ฑํ• ์ˆ˜๊ฐ€ ์žˆ๊ฒ ์ฃ ? ์ด๋ ‡๊ฒŒ ์บก์ฒ˜ํ”„๋กœ๊ทธ๋žจ์—์„œ WebP์ด๋ฏธ์ง€๋ฅผ ์ง€์›ํ•˜๋ฉด ๊ฐ„๋‹จํžˆ ํ•ด๊ฒฐ๋ฉ๋‹ˆ๋‹ค. 

    ๋‹ค์–‘ํ•œ ์บก์ฒ˜ ๋ฐฉ์‹๊ณผ ์ด๋ฏธ์ง€ ํฌ๋งท์„ ์ง€์›ํ•˜๋Š” ๊ฐ•๋ ฅํ•œ ์บก์ฒ˜ ํ”„๋กœ๊ทธ๋žจ์ž…๋‹ˆ๋‹ค.

    ๋‹ค์–‘ํ•œ ์ด๋ฏธ์ง€ ํŽธ์ง‘ ๊ธฐ๋Šฅ๊ณผ ํ•จ๊ป˜ WebP ํฌ๋งท์œผ๋กœ ์ €์žฅํ•  ์ˆ˜ ์žˆ๋Š” ์บก์ฒ˜ ํ”„๋กœ๊ทธ๋žจ์ž…๋‹ˆ๋‹ค.

    ๊ฐ„ํŽธํ•œ ์‚ฌ์šฉ๋ฒ•๊ณผ ๋‹ค์–‘ํ•œ ์ด๋ฏธ์ง€ ํฌ๋งท ์ง€์›์œผ๋กœ ์ธ๊ธฐ ์žˆ๋Š” ์บก์ฒ˜ ํ”„๋กœ๊ทธ๋žจ์ž…๋‹ˆ๋‹ค.

    ๊ฐ„ํŽธํ•œ ์‚ฌ์šฉ๋ฒ•๊ณผ ๋‹ค์–‘ํ•œ ์บก์ฒ˜ ๊ธฐ๋Šฅ์„ ์ œ๊ณตํ•˜๋ฉฐ, WebP ํ˜•์‹์œผ๋กœ ์ €์žฅํ•  ์ˆ˜ ์žˆ๋Š” ํ”„๋กœ๊ทธ๋žจ์ž…๋‹ˆ๋‹ค.


    2. WebP๋กœ ๋ณ€ํ™˜ํ•ด์ฃผ๋Š” ์‚ฌ์ดํŠธ

    ์ด๋Ÿฐ ์บก์ฒ˜ํ”„๋กœ๊ทธ๋žจ์„ ์‚ฌ์šฉํ•˜๊ธฐ ์‹ซ๊ฑฐ๋‚˜ ์ผ๋ฐ˜ ์‚ฌ์ง„์˜ ๊ฒฝ์šฐ ์บก์ฒ˜ํ”„๋กœ๊ทธ๋žจ์œผ๋กœ ๋ณ€ํ™˜ํ•˜๋Š”๊ฒƒ์€ ๋ถˆํŽธํ•˜๊ธฐ๋•Œ๋ฌธ์— ์ด๋ฏธ์ง€๋ฅผ ์—…๋กœ๋“œํ•˜๊ณ  ์•Œ์•„์„œ ๋ณ€ํ™˜ํ•ด์ฃผ๋Š” ์‚ฌ์ดํŠธ๋ฅผ ์ด์šฉํ•˜๋Š”๊ฒƒ๋„ ์ข‹์€ ๋ฐฉ๋ฒ•์ด ๋  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

    ๊ตฌ๊ธ€์—์„œ ์ œ๊ณตํ•˜๋Š” ์ด๋ฏธ์ง€ ์ตœ์ ํ™” ํˆด๋กœ, ๋‹ค์–‘ํ•œ ํฌ๋งท์„ WebP๋กœ ๋ณ€ํ™˜ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

    ๋‹ค์–‘ํ•œ ํŒŒ์ผ ํ˜•์‹์„ WebP๋กœ ๋ณ€ํ™˜ํ•  ์ˆ˜ ์žˆ๋Š” ์˜จ๋ผ์ธ ๋ณ€ํ™˜๊ธฐ์ž…๋‹ˆ๋‹ค.

    ๋‹ค์–‘ํ•œ ํŒŒ์ผ ํ˜•์‹์„ ๋ณ€ํ™˜ํ•  ์ˆ˜ ์žˆ๋Š” ์‚ฌ์ดํŠธ๋กœ WebP ์ด๋ฏธ์ง€๋กœ ๋ณ€ํ™˜ํ•  ์ˆ˜ ์žˆ๋Š” ๊ธฐ๋Šฅ๋„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค.

    ๋‹ค์–‘ํ•œ ํŒŒ์ผ ํ˜•์‹์˜ ํŒŒ์ผ ์—ฌ๋Ÿฌ๊ฐœ๋ฅผ ํ•œ๋ฒˆ์— WebP๋กœ ๋ณ€ํ™˜ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

    ๋ฐ˜๋””๋ทฐ๋Š” ๋‹ค์–‘ํ•œ ์ด๋ฏธ์ง€ ํŒŒ์ผ ํ˜•์‹์„ ์—ด ์ˆ˜ ์žˆ๋Š” ๋ฌด๋ฃŒ ์ด๋ฏธ์ง€ ๋ทฐ์–ด์ž…๋‹ˆ๋‹ค. webp๋ณ€ํ™˜ ๊ธฐ๋Šฅ๋„ ํ•จ๊ป˜ ๊ฐ€์ง€๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.


    3. WebP๋กœ ๋ณ€ํ™˜ํ•ด์ฃผ๋Š” ํ”„๋กœ๊ทธ๋žจ

    ์บก์ฒ˜ํ”„๋กœ๊ทธ๋žจ๊ณผ ๋‹ค๋ฅด๊ฒŒ ๋ณ€ํ™˜์„ ์ฃผ๋ชฉ์ ์œผ๋กœ ํ•˜๋Š” ํ”„๋กœ๊ทธ๋žจ์ด๋‚˜ ์ด๋ฏธ์ง€ํŽธ์ง‘ํ”„๋กœ๊ทธ๋žจ์ค‘ WebP๋กœ ๋ณ€ํ™˜ํ•˜๋Š” ๊ธฐ๋Šฅ์„ ๊ฐ€์ง„ ํ”„๋กœ๊ทธ๋žจ์œผ๋กœ ์ด๋ฏธ์ง€๋ฅผ ๋ณ€ํ™˜ํ•˜์—ฌ ์‚ฌ์šฉํ•˜๋Š”๊ฒƒ๋„ ์ข‹์€ ๋ฐฉ๋ฒ•์ž…๋‹ˆ๋‹ค. ์ด๋Ÿฐ ํ”„๋กœ๊ทธ๋žจ์˜ ์žฅ์ ์€ ์—ฌ๋Ÿฌ๊ฐœ์˜ ํŒŒ์ผ์„ ํ•œ๋ฒˆ์— ๋ณ€ํ™˜ํ•˜๊ฑฐ๋‚˜ ์˜จ๋ผ์ธ์‚ฌ์ดํŠธ์ฒ˜๋Ÿผ ๋ณ€ํ™˜ํ•˜๋Š”๋ฐ ์‹œ๊ฐ„์ด ๊ฑธ๋ฆฌ๊ฑฐ๋‚˜ ํ•˜์ง€์•Š์•„ ์•ˆ์ •์ ์œผ๋กœ ํŒŒ์ผ์„ ๋ณ€ํ™˜ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

    ๋‹ค์–‘ํ•œ ์‚ฌ์ง„ ํŽธ์ง‘ ๊ธฐ๋Šฅ์„ ์ œ๊ณตํ•˜๋Š” ๋ฌด๋ฃŒ ํ”„๋กœ๊ทธ๋žจ์œผ๋กœWebP ํ˜•์‹์œผ๋กœ ์ด๋ฏธ์ง€๋ฅผ ์ €์žฅํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

    ๋‹ค์–‘ํ•œ ์ด๋ฏธ์ง€ ํฌ๋งท์„ ์ง€์›ํ•˜๋ฉฐ, WebP ํ˜•์‹์œผ๋กœ ๋ณ€ํ™˜ํ•  ์ˆ˜ ์žˆ๋Š” ์ด๋ฏธ์ง€ ๋ทฐ์–ด ๋ฐ ํŽธ์ง‘๊ธฐ์ž…๋‹ˆ๋‹ค.

    ์••์ถ• ํ”„๋กœ๊ทธ๋žจ์ด์ง€๋งŒ, ๋‹ค์–‘ํ•œ ์ด๋ฏธ์ง€ ํฌ๋งท์„ ์ง€์›ํ•˜๋ฉฐ WebP ํ˜•์‹์œผ๋กœ ๋ณ€ํ™˜ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

    ๋ฌด๋ฃŒ ์˜คํ”ˆ ์†Œ์Šค ์ด๋ฏธ์ง€ ํŽธ์ง‘ ํ”„๋กœ๊ทธ๋žจ์œผ๋กœ, WebP ํฌ๋งท์œผ๋กœ ์ด๋ฏธ์ง€๋ฅผ ์ €์žฅํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

    ๋น ๋ฅด๊ณ  ๊ฐ€๋ฒผ์šด ์ด๋ฏธ์ง€ ๋ทฐ์–ด ๋ฐ ๋ณ€ํ™˜๊ธฐ๋กœ, WebP ํฌ๋งท์„ ํฌํ•จํ•œ ๋‹ค์–‘ํ•œ ์ด๋ฏธ์ง€ ํ˜•์‹์„ ์ง€์›ํ•ฉ๋‹ˆ๋‹ค.

    ๊ตฌ๊ธ€๋ธ”๋กœ๊ทธ์— WebP์ด๋ฏธ์ง€ ์‚ฌ์šฉํ•˜๊ธฐ

    ๊ตฌ๊ธ€๋ธ”๋กœ๊ทธ์—๋Š” WebP์ด๋ฏธ์ง€๋ฅผ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๊ฒŒ ์„ค์ •ํ•˜๋Š” ๋ฉ”๋‰ด๊ฐ€ ์กด์žฌํ•ฉ๋‹ˆ๋‹ค. ์ด๊ฑธ ์ผœ๋‘๊ณ  ์ด๋ฏธ์ง€๋ฅผ ์—…๋กœ๋“œํ•˜๋ฉด ์ œ๋Œ€๋กœ ํ™”๋ฉด์— ๋‚˜ํƒ€๋‚˜๋Š”๊ฒƒ์„ ํ™•์ธํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์„ค์ • → ๊ธ€ → WebP์ด๋ฏธ์ง€ ์ œ๊ณต์„ ์‚ฌ์šฉํ•จ์œผ๋กœ ์ผœ์ฃผ์„ธ์š”.

    WebP์ด๋ฏธ์ง€๋Š” ๋ฌด์—‡์ด๊ณ  ์™œ ์‚ฌ์šฉํ•ด์•ผ ํ•˜๋Š”์ง€ ์•Œ์•„๋ณด๊ธฐ


    ์–ด๋–ค ํ”„๋กœ๊ทธ๋žจ์ด๋‚˜ ์‚ฌ์ดํŠธ๋ฅผ ์“ฐ๋˜์ง€ ์ž์‹ ์—๊ฒŒ ๋งž๋Š” ๋ฐฉํ–ฅ์œผ๋กœ ์ •ํ•˜๊ณ  ๊พธ์ค€ํ•˜๊ฒŒ ์ด๋ฏธ์ง€๋ฅผ WebP๋กœ ๋ณ€ํ™˜ํ•˜์—ฌ ์‚ฌ์šฉํ•˜๋Š”๊ฒƒ์„ ์ถ”์ฒœ๋“œ๋ฆฝ๋‹ˆ๋‹ค. ๋‚ด ๋ธ”๋กœ๊ทธ๋ฅผ ๋”์šฑ ๋น ๋ฅด๊ฒŒ ๋กœ๋“œํ•˜๊ณ  ๊ฒ€์ƒ‰์‚ฌ์ดํŠธ์—์„œ๋„ ๋‚ด ๋ธ”๋กœ๊ทธ๋ฅผ ์ข‹์€ ๋ธ”๋กœ๊ทธ๋กœ ์ธ์‹ํ•˜๋Š”๋ฐ ์ข‹์€ ์˜ํ–ฅ์„ ๋ฏธ์น˜๋‹ˆ ์Šต๊ด€์ฒ˜๋Ÿผ WebP๋กœ ์‚ฌ์šฉํ•˜๋Š”๊ฒƒ์„ ๊ถŒ์žฅํ•ฉ๋‹ˆ๋‹ค.

    ์ด ๊ธ€์˜ ์นดํ…Œ๊ณ ๋ฆฌ : SEO์™€ํŠธ๋ž˜ํ”ฝ

    ๋Œ“๊ธ€ ์“ฐ๊ธฐ

    ๋Œ“๊ธ€๋กœ ๋‹ค์–‘ํ•œ ์˜๊ฒฌ ๋‚˜๋ˆ ์š”~ ๐Ÿ˜„

    ๋‹ค์Œ ์ด์ „

    ๋ฌธ์˜ํ•˜๊ธฐ ์–‘์‹