/ 무료 도구 / Open Graph Image Generator

링크가 공유될 때 사람들이 보는 이미지 만들기

누군가 내 페이지를 공유할 때 나타나는 1200 x 630 이미지를 만듭니다.

공유된 링크는 카드로 그려지고 그 대부분을 이미지가 차지합니다. 플랫폼은 그 이미지를 1200 x 630 안팎으로 원하고, 가운데를 기준으로 자르며, 누군가 보기 전에 크게 축소합니다. 그래서 스크린샷이나 흰 정사각형 위의 로고는 이 과정을 견디지 못하는 경우가 많습니다. 이 도구는 알맞은 크기로 이미지를 그립니다. 제목을 입력하고 배경색이나 그러데이션 또는 직접 찍은 사진을 고르고, 로고가 있으면 넣으세요. 자르기 안내선이 휴대폰에서 남아 보이는 범위를 알려 줍니다. PNG로 내보내거나, 큰 파일을 거부하는 플랫폼을 위해 충분히 작은 JPEG로 내보낼 수 있습니다. 모든 작업은 브라우저 안에서 이루어지고 어떤 이미지도 어디로도 전송되지 않습니다.

서체
정렬
글자 색
배경
색상
사진
여기에 사진을 놓으세요
브라우저에서 읽을 뿐 어디로도 전송되지 않습니다.
사진을 끌어서 화면에 남길 부분을 고르세요.
로고 선택
여기에 로고를 놓으세요
로고 위치
여기서는 아무것도 저장하거나 업로드하지 않습니다. 이미지는 사용자의 브라우저가 그리고 내보내므로 이 페이지를 닫으면 사라집니다.
1200 × 630 · PNG ·
WhatsApp은 파일이 600KB 미만이기를 원하며, 넘으면 작은 미리보기를 보여 줍니다. 다른 플랫폼은 훨씬 넉넉하니 이미지에 사진이 없다면 PNG를 쓰세요.

스크린샷이 통하지 않는 이유

스크린샷은 비율이 맞지 않고 사라져 버릴 세부가 가득합니다. 카드는 작게 표시되고 휴대폰에서는 가로 수백 픽셀인 경우가 많으며, 플랫폼은 1.91:1을 맞추려고 가운데를 기준으로 자릅니다. 그 시점이면 화면 속 글자, 가는 선, 가장자리에 가까운 것은 모두 사라진 뒤입니다. 그 크기에서 살아남는 것은 큰 글씨로 쓴 짧은 한 줄과 강한 형태 하나뿐이고, 공유 이미지가 그런 모습인 이유도 그것입니다.

자르기는 가운데를 취합니다

플랫폼마다 비율이 다르기 때문에 이미지를 잘라 맞춥니다. 자르는 방향은 가운데에서 바깥쪽이라 위쪽, 아래쪽, 좌우 가장자리가 위험합니다. 여기 안내선은 실제로 쓰이는 것 중 가장 좁은 자르기에도 남는 영역을 표시합니다. 제목과 로고를 그 안에 두면 시험해 본 한 곳뿐 아니라 어디서든 제대로 읽히는 이미지가 됩니다.

파일 크기는 실제 제한입니다

WhatsApp은 600KB 상한을 문서로 밝히고 있고, X는 5MB를 넘는 것을 거부합니다. 1200 x 630 크기의 사진 배경은 PNG로 만들면 600KB를 쉽게 넘깁니다. 크기 제한을 켜고 JPEG로 내보내면 파일이 들어갈 때까지 품질을 낮추는데, 카드가 표시되는 크기에서는 그 차이가 거의 보이지 않습니다. 배경이 단색이나 그러데이션일 때는 PNG를 쓰세요. 아주 작게 압축되고 선명함도 그대로 유지됩니다.

브라우저 밖으로 나가는 데이터가 없습니다

캔버스는 당신의 기기에서 그려지고 내보내기도 거기서 이루어집니다. 추가한 사진은 디스크에서 읽힐 뿐 전송되지 않으며, 완성된 이미지는 페이지에서 바로 저장됩니다. 계정도 없고 업로드도 없고 어떤 서버에도 작업물의 사본이 남지 않습니다. 그것은 페이지를 닫고 나면 여기서 아무것도 되살릴 수 없다는 뜻이기도 합니다.

기능

모든 플랫폼이 원하는 크기의 캔버스 하나.

알맞은 크기
  • 내보낼 때 1200 x 630
  • 안전 영역 표시
  • 플랫폼이 보여 주는 그대로
배경
  • 단색 또는 그러데이션
  • 직접 찍은 사진
  • 글자가 읽히도록 어둡게
글자
  • 제목과 두 번째 줄
  • 다섯 가지 서체, 크기와 굵기
  • 왼쪽, 가운데, 오른쪽
파일
  • PNG 또는 JPEG
  • 원하면 600KB 미만으로
  • 업로드하지 않음
사용 방법
1
제목 쓰기
짧게 쓰세요. 카드는 한눈에 읽히고, 긴 제목은 이미지가 문제 되기도 전에 플랫폼이 잘라 버립니다.
2
배경 고르기
단색이나 그러데이션이 가장 안전하고 파일도 가장 작습니다. 사진이 있다면 대신 넣고, 글자가 편하게 읽힐 때까지 어둡기를 올리세요.
3
안내선 확인하기
표시된 영역이 가장 좁은 자르기에도 남는 부분입니다. 그 바깥에 있는 것은 일부 플랫폼에서 잘릴 수 있습니다.
4
내보내서 페이지에 넣기
파일을 저장하고 내 사이트에 올린 다음, og:image가 그 주소를 가리키게 하세요. 그 주소는 로그인 없이 열려야 합니다.
이 용어의 뜻
og:image
페이지의 head에 넣는 meta 태그로 이미지 주소를 알려 줍니다. 이것이 없으면 플랫폼은 페이지에서 아무거나 고르거나 이미지를 아예 보여 주지 않습니다.
안전 영역
어떤 플랫폼의 자르기에서도 남는 이미지 가운데 부분. 그 바깥의 내용은 더 좁은 비율을 쓰는 플랫폼에서 위험합니다.
1.91:1
1200 x 630의 가로세로 비율이며, 대부분의 플랫폼이 큰 카드를 그릴 때 쓰는 형태입니다.
질문