빈 이미지 만들기

가장 흔한 용도는 시안 속 플레이스홀더입니다. 레이아웃이나 발표 자료, 웹사이트 템플릿에는 실제 사진이 나오기 전까지 이미지 자리를 채울 무언가가 필요하고, 가운데에 크기가 적힌 회색 사각형이 있으면 최종 이미지가 얼마나 커야 하는지 모두가 알 수 있습니다. 개발자는 같은 파일을 테스트 이미지로 씁니다. 크기와 색을 알고 있는 이미지라면 페이지가 이미지를 제대로 늘리고 자르고 압축하는지 바로 확인할 수 있습니다.

또 하나의 큰 용도는 단색 배경입니다. 단색 이미지는 SNS에 올리는 글귀나 공지의 깔끔한 배경, 휴대폰이나 컴퓨터의 미니멀한 배경화면, 배경 제거로 누끼를 딴 상품 사진의 바탕이 됩니다. 사진 합치기에서 겹치기 모드로 가장 먼저 추가한 빈 캔버스는 다른 사진을 올릴 배경이 됩니다.

투명 이미지에도 쓰임새가 있습니다. 로고나 스티커를 만들 때의 바탕, 그림을 그릴 빈 레이어, 이메일이나 오래된 웹 레이아웃에서 아무것도 보이지 않으면서 자리만 차지하는 스페이서 등입니다. 가장 작은 1×1픽셀 이미지는 지금도 스페이서와 이메일 추적 픽셀로 쓰입니다.

마지막은 인쇄입니다. 인쇄용 양식에 쓸 300 DPI의 빈 A4, 색지 배경, 다른 앱에서 카드를 디자인할 바탕 등으로 쓸 수 있습니다. 해상도가 파일에 기록되므로 문서에 넣었을 때도 실제 크기가 맞게 나옵니다.

화면 프리셋은 흔히 쓰는 해상도입니다. 풀HD는 1920×1080, QHD는 2560×1440, 4K UHD는 3840×2160이며 모두 16:9 비율입니다. 아이폰 배경화면은 1179×2556으로, Apple 기술 사양에 나온 6.1인치 아이폰 15·16의 화면 해상도입니다. 다른 휴대폰은 해상도가 다르니, 내 화면 해상도를 안다면 직접 입력하세요.

SNS 프리셋은 많이 쓰는 크기입니다. 정사각형 게시물은 1080×1080, 4:5 세로형 게시물은 1080×1350, 9:16 스토리나 릴스는 1080×1920, 링크를 공유할 때 보이는 이미지는 1200×630입니다. 1280×720은 유튜브 고객센터가 맞춤 썸네일에 권장하는 해상도입니다. 플랫폼 규격은 가끔 바뀌므로 정확한 크기가 중요하다면 최신 안내를 확인하세요.

가로세로 비율은 가로와 세로의 비로 나타낸 이미지의 모양입니다. 비율 고정을 켜면 한 변을 바꿔도 모양이 유지되어, 1920×1080 이미지에 새 가로 값을 넣으면 1280×720이 됩니다. 바꾸기 버튼은 가로형 크기를 같은 비율의 세로형으로 바꿔 줍니다.

픽셀 수는 이미지에 담을 수 있는 디테일을 정하고, DPI(인치당 점 수, PPI라고도 함)는 인쇄할 때의 크기만 정합니다. 2480×3508픽셀 이미지를 300 DPI로 인쇄하면 A4(210×297mm)가 되고, 같은 픽셀 수를 150 DPI로 인쇄하면 가로세로 모두 두 배가 됩니다. DPI는 픽셀 수를 바꾸지 않으며 화면에서는 무시됩니다. 인쇄 크기를 고르면 용지 크기를 픽셀로 환산하고 PNG와 JPG에 해상도를 기록하며, 기록된 값은 이미지 DPI 확인으로 확인할 수 있습니다.

기본값은 흰색이고 가장 많이 쓰는 색입니다. 문서용 흰색 이미지, 상품 사진의 흰 배경, 인쇄할 빈 페이지에 알맞습니다. 검은색은 화면, 어두운 배경화면, 동영상 프레임에 어울립니다. 다른 색은 색상 선택기, 색상 견본, HEX 코드로 지정합니다.

투명은 픽셀에 색이 전혀 없다는 뜻입니다. 이미지 크기는 그대로지만 뒤에 있는 것이 비쳐 보이므로, 미리 보기에서는 그 부분에 체크무늬를 표시합니다. 체크무늬는 편집 프로그램이 투명을 나타내는 방식일 뿐 파일에는 저장되지 않습니다. 간단한 이미지 뷰어로 투명 PNG를 열면 흰색이나 검은색으로 보일 수 있는데, 뷰어가 빈 부분을 자기 배경색으로 채우기 때문입니다.

불투명도는 그 중간입니다. 100%면 꽉 찬 색, 50%면 반쯤 비치는 색이 되어 아래에 놓인 이미지를 어둡게 하거나 색을 입히는 반투명 레이어가 됩니다. 불투명도는 PNG와 WebP에서 쓸 수 있습니다. JPG에는 알파 채널이 없어 항상 불투명하고, 투명을 고른 이미지는 흰색으로 저장됩니다.

처음부터 만드는 대신 가지고 있는 이미지의 배경을 투명하게 하려면 투명 배경 만들기나 배경 제거를 이용하세요.

빈 이미지에는 대부분 PNG가 가장 좋습니다. 무손실이라 고른 색이 그대로 저장되고, 투명도와 불투명도를 지원하며, 단색 PNG는 용량이 아주 작습니다. 여기서 만든 1920×1080 흰색 이미지는 약 350바이트, 4K도 약 1KB입니다. 글자가 없으면 한 가지 색만 담은 팔레트 PNG로 저장하기 때문에 이렇게 가볍습니다.

JPG는 손실 압축이고 투명도가 없습니다. 단색도 한 채널에서 한두 단계 달라질 수 있습니다. 눈으로는 구분되지 않지만, 브랜드 색을 픽셀 단위로 정확히 맞춰야 할 때는 문제가 됩니다. 앱이나 양식이 JPG만 받을 때만 고르세요. 단색 이미지에서는 화질 설정을 바꿔도 차이가 거의 없습니다.

WebP는 투명도를 유지하며 최신 브라우저와 대부분의 앱에서 열리지만, 일부 오래된 프로그램은 아직 열지 못합니다. JPG처럼 단색이 약간 달라질 수 있습니다. 웹 페이지에서 WebP로 저장하지 못하는 브라우저도 있는데, 그럴 때는 도구가 알려 줍니다. PNG는 어디서나 쓸 수 있습니다.

다른 형식의 이미지를 PNG로 바꾸고 싶다면 PNG로 변환할 수 있습니다. 빈 이미지는 압축할 일이 거의 없지만, 글자를 넣은 JPG나 WebP는 이미지 압축으로 더 가볍게 만들 수 있습니다.

HEX 코드는 화면 색을 여섯 글자로 쓰는 방법입니다. 흰색은 #ffffff, 검은색은 #000000, 선명한 파란색은 #1e90ff처럼 씁니다. 앞의 두 자리는 빨강, 가운데 두 자리는 초록, 마지막 두 자리는 파랑이며 각각 00부터 ff까지입니다. HEX 코드 칸에는 #을 넣어도 빼도 되고, 세 자리 줄임형도 됩니다. #fff는 #ffffff와, 36c는 #3366cc와 같습니다.

RGB는 같은 색을 0부터 255까지의 숫자 세 개로 나타낸 것으로, #1e90ff는 RGB 30, 144, 255입니다. 입력 칸 아래에 현재 색의 RGB 값이 표시되어, 브랜드 가이드와 앱의 표기 방식이 다를 때 편리합니다.

색상 선택기를 쓰면 눈으로 보면서 색을 고를 수 있습니다. 컴퓨터에서는 화면 어디서든 색을 뽑아 오는 스포이트가 붙는 브라우저도 있어, 로고나 웹사이트 색에 맞출 때 유용합니다. 색상 견본으로는 흰색, 검은색, 투명, 연회색, 크림색, 슬레이트, 네이비를 한 번에 고를 수 있습니다.

브랜드 색에 맞추려면 눈으로 고르지 말고 HEX 코드를 붙여 넣은 뒤 PNG로 저장하세요. 그 값이 파일에 그대로 남습니다. 가이드에 RGB만 있다면 각 숫자를 16진수 두 자리로 바꾸거나, 색을 고른 뒤 RGB 표시와 비교해 보세요.

용량을 작게 하려면 글자를 넣지 않고 PNG로 저장하세요. 단색 PNG는 4K여도 몇 KB를 넘지 않습니다. 글자를 넣으면 실제 디테일이 생겨 용량이 커지고, 같은 크기의 JPG는 보통 그보다도 큽니다.

1×1픽셀 이미지가 필요하면 1×1 픽셀 프리셋을 고르고 흰색, 투명, 또는 원하는 색을 정해 PNG로 저장하세요. 파일은 100바이트도 되지 않습니다. 투명이면 전형적인 스페이서로, 색이 있으면 웹 페이지나 앱에서 늘려 그 색의 블록으로 쓸 수 있습니다.

결과를 확인하려면 이미지 크기 확인에서 파일을 열어 보세요. 픽셀 크기, 파일 용량, 기록된 DPI가 나옵니다. 가지고 있는 사진을 이 크기에 맞추려면 이미지 크기 조절이나 1920×1080 크기 조절을 이용하세요.