짤 만들기

짤에 얹는 글자가 거의 예외 없이 흰 글자에 검은 테두리인 데는 이유가 있습니다. 글자가 어디에 놓일지 미리 알 수 없기 때문이에요. 하늘처럼 밝은 배경에서는 흰 글자가 묻히고, 그늘이나 밤 장면에서는 검은 글자가 사라집니다. 그런데 흰 면과 검은 테두리를 같이 쓰면 배경이 밝든 어둡든 둘 중 하나는 반드시 배경과 대비를 만듭니다. 어떤 사진 위에서도 읽히는 조합이라 수십 년 동안 살아남은 겁니다.

글꼴이 굵어야 하는 것도 같은 이유입니다. 가는 글자에 테두리를 두르면 테두리가 획을 잡아먹어 글자가 뭉개져요. 획이 두꺼운 고딕이어야 테두리를 둘러도 속이 남습니다. 이 도구는 기기에 이미 들어 있는 굵은 고딕 계열 글꼴을 그대로 쓰기 때문에 웹폰트를 따로 내려받지 않고, 페이지가 가볍고 빠릅니다. 그래서 기기에 따라 글자 모양이 조금씩 다를 수 있는데, 짤 용도로는 문제가 되지 않는 수준입니다.

기본은 위아래 여백입니다. 사진에서 시선이 가는 곳은 대개 가운데의 얼굴이나 피사체인데, 글자가 그 위를 덮으면 사진도 글자도 죽습니다. 그래서 짤 문법이 위에 상황, 아래에 한마디로 굳은 거예요. 이 도구도 텍스트를 위 가장자리와 아래 가장자리에 붙이고, 한 줄이 폭의 90%를 넘으면 자동으로 줄을 나눕니다.

글자 크기는 픽셀이 아니라 이미지 긴 변에 대한 비율로 정합니다. 4000픽셀짜리 원본과 800픽셀짜리 캡처에 같은 픽셀 크기를 쓰면 한쪽은 안 보이고 한쪽은 화면을 덮기 때문이에요. 기본값 7%는 휴대폰 화면에서 봤을 때 또렷하게 읽히는 선입니다. 문구가 길면 크기를 키우는 대신 문장을 줄이는 쪽이 낫습니다. 글자가 3줄을 넘어가면 사진이 자막에 밀려나기 시작해서, 이 도구는 크기를 몰래 줄이지 않고 3줄이 넘는다고 알려만 줍니다. 문구를 다듬을지 크기를 낮출지는 직접 정하세요.

완성본은 원본 해상도 그대로 저장됩니다. 원본이 PNG나 WebP였다면 화질 손실이 없는 PNG로, 원본이 JPG였다면 JPG로 저장해요. 사진을 PNG로 바꾸면 용량이 몇 배로 커지기만 하고 이득이 없기 때문입니다.

올리는 곳을 생각하면 해상도 욕심을 낼 필요가 없습니다. 카카오톡은 일반 화질로 보내면 이미지를 알아서 줄여 전송하고, 커뮤니티와 SNS도 본문 표시 폭이 정해져 있어 긴 변 1080픽셀이면 어디서든 충분합니다. 원본이 아주 크다면 만들고 나서 이미지 크기 조절이나 이미지 용량 줄이기를 거치면 됩니다. 반대로 너무 작은 이미지를 억지로 키우는 것도 손해예요. 글자는 이 도구가 저장 시점에 원본 해상도로 새로 그리니 선명하지만, 바탕 사진의 화질은 원본 이상으로 좋아지지 않습니다.

이 도구는 방송 캡처 같은 짤 템플릿을 제공하지 않습니다. 이미지는 사용자가 직접 가져오고, 그 이미지를 쓸 수 있는지에 대한 판단과 책임도 사용자에게 있습니다. 방송 장면, 영화 스틸, 남이 그린 그림에는 저작권이 있고, 사진 속 인물에게는 초상권이 있어요. 도구는 텍스트를 얹는 일만 할 뿐, 어떤 이미지를 써도 되는지는 알지 못합니다.

겁을 주려는 얘기는 아닙니다. 친구끼리 채팅방에서 웃자고 주고받는 짤과, 가게 홍보물이나 상품 페이지·수익이 나는 채널에 올리는 이미지는 무게가 다릅니다. 전자를 일일이 문제 삼는 경우는 드물지만, 후자는 권리자가 실제로 대응하는 영역이에요. 널리 공개되는 자리나 상업적인 용도라면 직접 찍은 사진, 직접 그린 그림, 이용 조건이 명시된 무료 이미지를 쓰는 것이 마음 편합니다.

인터넷에 돌아다니는 GIF는 대부분 꽤 영리하게 압축돼 있습니다. 프레임 전체를 매번 저장하는 대신 앞 프레임에서 달라진 부분만 저장하고, 색 팔레트도 전체가 하나를 같이 쓰는 식이에요. 그런데 자막을 얹으려면 프레임을 전부 펼쳐서 글자를 그린 다음 처음부터 다시 인코딩해야 합니다. 이 과정에서 그 최적화가 풀리기 때문에, 같은 장면인데도 파일이 원본보다 커지는 일이 흔합니다.

화질도 한 번은 손해를 봅니다. GIF는 한 프레임에 256가지 색만 쓸 수 있어서, 다시 인코딩할 때마다 색을 추리는 과정을 거쳐요. 이 도구는 프레임마다 가장 잘 맞는 팔레트를 따로 뽑아 손실을 줄이지만 원리상 한계는 있습니다. 그래서 긴 변 480px로 줄이기를 기본으로 켜 두었습니다. 픽셀 수는 가로세로로 곱해지니 크기를 줄이는 것이 용량을 잡는 가장 확실한 방법이고, 채팅이나 게시판에서 480px은 충분히 큽니다. 원본 크기가 꼭 필요할 때만 끄세요. 프레임 수와 각 프레임의 재생 시간, 무한 반복은 원본 그대로 유지됩니다.

글자가 3줄을 넘는다는 안내가 떠요

긴 문장이 자동 줄바꿈으로 쌓이면 사진이 자막에 가려집니다. 이 도구는 글자 크기를 임의로 줄이지 않으므로, 안내가 뜨면 문구를 줄이거나 크기 슬라이더를 낮추세요. 위와 아래에 문구를 나눠 싣는 것도 방법입니다.

GIF 자막 버튼이 눌리지 않아요

GIF를 프레임 단위로 분해하는 기능(ImageDecoder)을 브라우저가 지원하지 않는 경우입니다. 크롬·엣지 등 크로미움 계열 브라우저에서 열면 버튼이 살아납니다. 사파리와 파이어폭스에서는 사진 모드만 쓸 수 있어요.

움짤을 저장했더니 원본보다 커졌어요

위에서 설명한 재인코딩 때문입니다. 원본이 차분(달라진 부분만 저장) 방식으로 최적화된 GIF일수록 차이가 커요. 긴 변 480px로 줄이기를 켠 상태로 저장하는 것이 가장 효과적이고, 그래도 크면 애초에 프레임이 적고 짧은 장면을 고르는 수밖에 없습니다.

아이폰 사진(HEIC)이 안 열려요

크롬 등 대부분의 브라우저가 HEIC를 읽지 못합니다. 아이폰에서 사진을 공유할 때 자동으로 JPG로 바뀌는 경로(카톡 나에게 보내기 등)를 거치거나, PNG·JPG로 바꾼 뒤 쓰세요.

파일이 서버로 가나요

가지 않습니다. 이미지를 읽고 글자를 그리고 저장 파일을 만드는 일까지 전부 브라우저 안에서 일어나고, 인터넷을 끊어도 똑같이 동작합니다. 탭을 닫으면 아무것도 남지 않아요. 신원이 드러나는 사진을 다뤄도 밖으로 나가는 것이 없습니다.

파일 이름이 meme.png로 저장돼요

일부러 그렇게 했습니다. 한글이 섞인 파일명을 자동 내려받기에서 버리는 브라우저가 있어서, meme.png·meme.jpg·meme.gif 같은 영문 이름으로 저장한 뒤 바꿔 쓰도록 했습니다.