OG 이미지 템플릿

스크린샷

구매하면 이렇게 받습니다

• 다운로드결제 즉시 파일을 받을 수 있습니다. 라이선스 보관함에서 언제든 다시 받을 수 있습니다.

상품 소개

링크 미리보기에 쓰는 1200×630 이미지를 만들어서 PNG로 내려받는 프로그램입니다. ■ 없으면 밋밋하게 뜹니다 만든 사이트 주소를 채팅방이나 SNS에 붙이면 미리보기가 뜹니다. OG 이미지를 안 넣어두면 대개 아무것도 안 나오거나 파비콘만 작게 뜹니다. 넣어야 한다는 건 아는데, 그거 하나 만들자고 디자인 도구를 켜거나 온라인 서비스에 가입하기가 귀찮습니다. 글마다 제목만 바꿔서 여러 장 뽑아야 할 땐 더 그렇고요. ■ 제목 길이는 신경 안 쓰셔도 됩니다 길면 글자 크기가 알아서 줄어듭니다. 세 줄까지 들어가고 그래도 넘치면 더 줄입니다. 줄바꿈도 알아서 합니다. 영어 낱말은 한가운데서 안 쪼개고, 한 줄에 도저히 안 들어가는 긴 덩어리는 그 자리에서 끊습니다. 그림 밖으로 흘러나가는 것보단 낫다고 봐서요. ■ 배색 다섯 종이, 먹, 남색, 이끼, 흙. 링크 미리보기는 작게 뜨고 대충 보게 되니까 예쁜 것보다 글자 읽히는 걸 앞에 두고 골랐습니다. 라벨이랑 사이트 이름은 비워두면 안 나옵니다. ■ 라이브러리를 안 씁니다 화면을 그림으로 바꿔주는 라이브러리를 넣으면 파일이 수백 KB 불어납니다. 그런 라이브러리는 웹폰트도 가져오려 들고요. 그러면 밖으로 안 나간다는 말을 못 하게 됩니다. 글자랑 사각형만 그리면 되는 일이라 브라우저에 있는 캔버스로 그립니다. 파일이 25KB쯤 되고 인터넷 없이 돌아갑니다. 대신 글꼴은 이 컴퓨터에 깔린 걸 씁니다. 같은 파일을 다른 컴퓨터에서 열면 글꼴이 달라 보일 수 있습니다. ■ 보이는 게 그대로 저장됩니다 미리보기용으로 작게 그렸다가 저장할 때 크게 다시 그리는 방식이 있는데, 그러면 두 그림이 미세하게 달라집니다. 그 차이는 꼭 저장한 다음에 발견되고요. 그래서 처음부터 1200×630으로 그려놓고 화면에서만 줄여서 보여줍니다. 만든 이미지를 어디에 어떻게 넣는지도 화면에 적어놨습니다. 주소를 상대 경로로 쓰면 카카오톡이나 슬랙에서 이미지가 안 뜨는데, 이걸로 시간 버리는 경우가 많더라고요. ■ 이런 분께 · 사이트 만들었는데 링크 공유하면 허전하게 뜨는 분 · 글마다 OG 이미지를 따로 만들어야 하는 분 · 이미지 한 장 만들자고 디자인 도구 켜기 귀찮은 분 ■ 저작권 편하게 쓰세요. 개인이든 업무든 횟수 제한 없고, 기기 여러 대에 옮겨두셔도 됩니다. 만들어진 이미지는 여러분 것이니 상용 포함해서 어디에든 쓰셔도 됩니다. 저작권만 새몰(saemol.com)에 남겨둡니다. 파일 자체를 다시 배포하거나 파는 것만 피해주시면 됩니다. 주변에 알려주고 싶으시면 상품 주소를 전해주세요. ■ 알아두실 것 1200×630이 OG 이미지 표준 크기입니다. 서비스마다 잘리는 범위가 조금씩 달라서 중요한 글자는 가장자리에 붙이지 않는 게 안전합니다. 이미지를 바꿔도 이미 미리보기를 한 번 만든 곳에서는 예전 그림이 한동안 남습니다. 각 서비스의 미리보기 새로고침 도구를 쓰시면 됩니다.

기술 스택