Vercel์ฌ์ og-image ๋ ํ์งํ ๋ฆฌ๋ฅผ ๋ธ๋ก๊ทธ์์ ์ฌ์ฉํ๊ธฐ ์ํด ์ปค์คํฐ๋ง์ด์ง ํ ๋ฒ์ ์ผ๋ก ์์ธํ ์ค๋ช ์ vercel/og-image๋ฅผ ์ฐธ๊ณ ํ์ธ์.
vercel/og-image์ ๋ค๋ฅธ์
- hobby ์๊ธ์ ์์๋ ์ฌ์ฉํ ์ ์๊ฒ
vercel.json
์ค์ ์์ - ์ต์
๊ฐ์ํ
- ํญ์ png๋ก ๋ฆฌํด
- ๋งํฌ๋ค์ด ์ง์ ์ ๊ฑฐ
1200x627
๋ก ๊ณ ์ - ์ด๋ฏธ์ง ์ถ๊ฐ ๋ถ๊ฐ๋ฅ
- Simple Icons ์ผ๋ก ์์ด์ฝ ํ์
- ์ฌ์ฉ ์ ๋ฐ๋์ Disclaimer๋ฅผ ์ฝ์ด์ฃผ์ธ์.
- ์ด๋ฏธ์ง์ ์ด๋ชจ์ง ์ฌ์ฉ ๊ฐ๋ฅ
- ํ๊ตญ์ด ํ์๋ฅผ ์ํด Pretendardํฐํธ๋ก ๋์ฒด
- ๋ฐฐ๊ฒฝ ์ ๋ฐ ํฐํธ ์์ ๋ณ๊ฒฝ ๊ธฐ๋ฅ ์ถ๊ฐ
https://og.kyg.kr/api?text=Hello%20World
https://og.kyg.kr/api?text=TypeScript๋ก Next.js ํ๋ก์ ํธ ์์ํ๊ธฐ (1)&icons=next.js&icons=typescript
- ์์ด์ฝ ๋ชฉ๋ก์ https://simpleicons.org/ ๋ฅผ ์ฐธ๊ณ ํด์ฃผ์ธ์.
https://og.kyg.kr/api?text=Vercel๋ก ๋ด ํ๋ก์ ํธ ๋ฐฐํฌ๐&icons=vercel
https://og.kyg.kr/api?text=Vercel๋ก ๋ด ํ๋ก์ ํธ ๋ฐฐํฌ&emojis=๐
- ์ด๋ชจ์ง 13 ์ง์
https://og.kyg.kr/api?text=์๊น์ด ๋ฐ๋๋๋ค&background=%23d0bfff&color=rgb(132,94,247)
์ด ํ๋ก์ ํธ์ ์์ค์ฝ๋๋ MIT License๋ฅผ ๋ฐ๋ฆ ๋๋ค.
- vercel/og-image : MIT
- Hero Patterns : CC-BY-4.0
- twitter/twemoji : MIT (Code), CC-BY-4.0 (Graphic)
- simple-icons/simple-icons : CC0-1.0 (Code)
- orioncactus/pretendard : OFL-1.1 (Font)