웹 이미지 사이즈, 비례, 해상도

3일 전 14,575

웹 상에서 많이 쓰이는 이미지의 사이즈, 해상도 혹은 가로, 세로 비례를 소개합니다. 단위는 픽셀 (pixel, px) 입니다.
최근 웹 이미지 제작 시 많이 사용하게 되는 가로 사이즈는 최대 확장 시 1920 px, 고정폭 최대 시 1280 px, 모바일 대응 시 768 px 입니다. 스크롤을 고려하면 세로 사이즈에는 제한이 없으나 보통 아래와 같은 비례로 제작합니다.

아래의 글은 주로 홈페이지의 이미지 사이즈에 대한 것입니다.
홈페이지 제작 시 화면 사이즈에 대한 자세한 설명은 홈페이지, 웹사이트 디자인 사이즈 글을 참고하세요.

컴퓨터 모니터

가로 세로 16 : 9 비율. 프레젠테이션 슬라이드, 컴퓨터 모니터, 와이드 스크린 TV.
889 x 500, 1280 x 720, 1920 x 1080.

이미지 사이즈 889x500

SNS 프로필

가로 세로 1 : 1 비율. 8 x 8 인치
500 x 500, 1080 x 1080

이미지 사이즈 500x500

황금비율

가로 세로 1 : 1.618 비율.
840 x 500, 1680 x 1000

이미지 사이즈 889x500

구형 모니터

가로 세로 4 : 3 비율. 구형 TV, 구형 모니터, 디지털카메라. 8 x 6 인치
667 x 500, 1024 x 768

이미지 사이즈 667x500

신용카드

가로 세로 1 : 1.56 비율.
780 x 500, 1560 x 1000

이미지 사이즈 780x500

A4 용지

가로 세로 1 : 1.414 비율.
707 x 500, 1414 x 1000

이미지 사이즈 707x500

35 밀리미터 영화

가로 세로 3 : 2 비율. 6 x 4 인치
750 x 500, 1080 x 720

이미지 사이즈 750x500

1185 x 500

1185 x 500, 2560 x 1080

이미지 사이즈 1185x500

사이즈, 비례, 해상도

이미지 사이즈 (Image size)는 이미지의 크기를 의미하며 픽셀(Pixel) 단위로 표현됩니다.
이미지 비례 (Aspect ratio)는 이미지의 가로와 세로 크기의 비율을 의미합니다. 이 비율을 유지하면서 이미지 크기를 변경하면 이미지가 왜곡되지 않습니다.
이미지 해상도 (Image resolution)는 이미지의 품질을 결정하는 요소 중 하나로, 픽셀 밀도(Pixel density)를 의미하며 DPI(Dots Per Inch)나 PPI(Pixels Per Inch)로 표시됩니다. 높은 해상도를 가진 이미지는 더 선명하게 보이지만 파일 용량이 커집니다. 웹 페이지에서 사용하는 이미지는 보통 72 DPI의 해상도로 제작합니다.


홈페이지 제작 기간은 보통 얼마나 걸리나요?

홈페이지, 쇼핑몰 등 웹사이트 제작에 걸리는 기간은 짧게는 며칠에서 ..

홈페이지, 웹사이트 디자인 사이즈

현재 인터넷 이용자의 미디어 해상도를 고려했을 때 적절한 홈페이지 가..

웹 호스팅 선택 기준과 비용, 추천 업체

웹 호스팅은 홈페이지나 쇼핑몰을 운영하기 위해 꼭 필요한 웹 서버를 ..

그누보드, 워드프레스, 제로보드 등 편리한 웹사이트 제…

홈페이지, 쇼핑몰, 커뮤니티 제작 시 비용과 시간을 줄이고 편리하게 ..

디비컷, 추천 웹에이전시와 웹디자인 참고 사이트

웹디자이너 커뮤니티 '디비컷'과 카페24 디자인센터, 아카데미 정글,..

웹 호스팅, 웹 서버 관리 방법

전문적인 호스팅 업체를 이용할 경우 데이터와 DB의 백업이 매일 새벽..