2012-09-07 3 views
0

유동적 인 웹 사이트를 개발 중입니다. 최대 이미지 품질과 최소 이미지로드 시간을 얻기 위해 1680+, 1440+, 1280+, 1024+, 800+, 1680 @ 2x (망막의 경우), 1440 @ 2x, ..) 등 다양한 해상도에 대해 다른 스프라이트를 사용합니다. @media 쿼리를 통해.가능한 다른 해상도의 CSS 스프라이트가 다른가요?

결국 10 가지 스프라이트가 있습니다. CSS (배경 크기 또는 최대 너비)를 통해 고해상도 이미지를 축소하면 품질이 떨어지고 (특히 아이콘의 경우) 이미지 파일 크기에 오버 헤드가 필요하지 않게됩니다.

Photoshop으로 이미지를 10 번 축소하고 미세 조정하면 좋은 방법이 될 수 없습니다 (Imagemagick이 여기에서 효과적이지 않습니다). 그것을 올바르게하는 방법?

답변

0

각 축소 이미지를 미세 조정해야하는 경우 각 이미지에 맞게 조정해야합니다. 그렇지 않으면 "고해상도"와 "저해상도"의 두 가지 크기를 제안합니다.

관련 문제