Favicon, OpenGraph Meta Tag

Favicon Generator

• 간단하게 만들기 https://icoconvert.com/
• 모든 플랫폼에 맞게 제대로 만들기 & 체크 https://realfavicongenerator.net/

Favicon 적용 코드 샘플

<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#272b35">
<meta name="msapplication-TileColor" content="#272b35">
<meta name="theme-color" content="#ffffff">

OpenGraph Check

https://www.opengraph.xyz/

OpenGraph 적용 코드 샘플

<meta property="og:image" content="/images/meta_devlabs.png">
<meta property="og:title" content="NUGABOX">
<meta property="og:type" content="website">
<meta property="og:description" content="made by NUGA">