반응 형 웹 사이트의 배경 이미지를 디자인하려면 어떻게해야합니까?

Question

나는 하루 종일 대답이나 가이드를 찾고 있었지만 아무 것도 찾을 수없는 것 같습니다. 여기에 핵심 단어가 누락되었을 수 있습니다.

저는 포토샵에서 배경 이미지를 디자인하고자하는 단일 페이지 웹 사이트를 운영하고 있습니다. 나는이 이미지를 웹 페이지의 요소 주위에 디자인 할 수 있기를 원합니다. 이것은 하나의 특정 화면 크기에 대해 설계하기에는 너무 어려울 수는 없지만 요소 위치 및 화면 너비는 장치마다 크게 달라질 수 있습니다.

1. 페이지의 요소를 무시하고 왼쪽/오른쪽에 너무 많은 세부 사항이없는 배경 이미지를 만들기 : 난 단지 이것에 대해 이동하는 방법은 두 가지 아이디어를 가지고, 그 중 어느 것도 좋은 방법처럼 보인다 휴대 기기에서 잘게 썰어보세요.
2. 각 장치 크기에 대해 별도의 배경 이미지를 만들고 미디어 쿼리를 사용하여 올바른 이미지를로드합니다.

더 좋은 방법이 있나요? 여기에 대해

배경 I의 종류의 예 스크린 샷입니다 말하는거야 :

Answer 1

주소이 있습니다 : "나는 대답하는 웹 사이트에 대한 배경 이미지를 디자인 가야합니까?"

분명히이 질문에 대한 답이 두 가지 이상 있습니다. 가장 간단한 해결책 (IMO)은 추상적 인 고해상도 이미지를 만드는 것입니다. 따라서 화면 크기가 작아짐에 따라 일부가 잘리는 경우 오류가 나타나지 않습니다. 게시 한 사이트의 배경 이미지가이 방법을 사용하고 있습니다. 나무 패널을 사용하면 화면 크기와 관련이없는 디자인이됩니다.