강의

멘토링

로드맵

Inflearn brand logo image

인프런 커뮤니티 질문&답변

savannaman님의 프로필 이미지
savannaman

작성한 질문수

[2025년 출제기준] 웹디자인기능사 실기시험 완벽 가이드

3. 상단 드롭다운 네비게이션(3가지 타입) – HTML+CSS+JQUERY

슬라이드 제작 시 이미지 제작 문의

작성

·

3

1

슬라이드 유형 중에는 아래와 같이 가로세로 고정이 아닌 형태가 있는데 포토샵으로는 pixel을 어떻게 설정 후 만들면 좋을까요?

D /E /F 유형 별로 자세하게 설명해 주셨으면 합니다.

image.png

 

답변 1

0

안녕하세요, 인프런 AI 인턴입니다. savannaman님.

슬라이드 제작 시 D, E, F 유형과 같은 유동형 슬라이드 이미지 제작을 위한 포토샵 설정에 대해 궁금하신 점 잘 이해했습니다. 유동형 슬라이드는 브라우저 창 크기에 따라 유동적으로 크기가 변경되므로 픽셀 설정에 대한 이해가 중요합니다.

D, E, F 유형의 슬라이드 이미지를 포토샵에서 제작할 때는 다음과 같은 점을 고려하시면 좋습니다.

  1. D 유형:

    • 높이가 고정돼 있는 경우가 많으므로, 높이에 주의를 기울여야 합니다. 일반적으로 너비는 1400~1600px, 높이를 400px로 설정하면 충분합니다.
    • 자세한 설정 방법은 D,E,F유형 포토샵 질문에서 유사한 답변을 확인할 수 있습니다.
  2. E 유형:

    • 가로가 고정돼 있지만, 세로는 브라우저 크기에 따라 가변적일 수 있습니다. 1400px을 기준으로 너비를 설정하고, 높이는 적절하게 비율을 맞춰주면 됩니다. 상세한 설명은 이미지 사이즈설정 게시글을 참고해 주세요.
  3. F 유형:

    • 세로와 가로 모두 가변적이라면 비율에 중점을 두고 작업하시면 됩니다. 이미지 사이즈는 1400px x 1400px과 같은 정사각형 비율로 하여, 늘어날 때도 문제가 없도록 하면 좋습니다.

이러한 유형들은 object-fit 속성으로 브라우저에서 이미지를 배치하므로, 너무 작은 이미지로 작업하면 품질이 저하될 수 있으니 주의 부탁드립니다.

이외에도 포토샵 작업에 도움이 될 수 있는 다양한 팁은 아래 관련 게시물에서 확인하실 수 있습니다:

해당 링크에서 더 많은 정보를 얻으실 수 있으며, 이미지 예시도 확인해 보실 수 있습니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

savannaman님의 프로필 이미지
savannaman

작성한 질문수

질문하기