2015-01-29 2 views
-1

유동적 인 레이아웃을 가지고있는 웹 사이트에서 일하고 있습니다. 현재 딜레마가 있습니다. CSS Sprite를 사용하거나 인라인 이미지를 선택해야합니까?css 스프라이트 또는 인라인 이미지를 사용하여 유체 설계에 가장 적합한 방법은 무엇입니까?

모든 이미지는 유동적이어야하며 각 화면 크기에서 크기를 줄이거 나 늘려야합니다. 나는 CSS 스프라이트 이미지를 사용하려고 생각했지만, 모든 주요 화면 너비를 식별하고 그 너비로 모든 이미지를 슬라이스하여 스프라이트에 추가해야한다는 것을 의미합니다 ...

내 질문은 무엇입니까? 유체/반응 형 디자인에서 이미지를 렌더링하는 가장 좋은 방법은 무엇입니까? 스프라이트, 인라인 이미지 또는이 둘의 조합?

감사합니다.

+0

"최상의 접근 방식"에 관한 질문은 의견 기반 답변을 생성하므로 스택 오버플로에 대한 주제와 관련이 없습니다. –

+0

사실이지만 모범 사례는 해당 주제에 대한 전문가 의견을 기반으로합니다. 그래서 내 질문은 유체 설계와 관련하여 '스프라이트 대 인라인 이미지'가 가장 좋습니다. 이 포럼에 많은 전문가가 있다는 사실을 감안할 때 프런트 엔드 커뮤니티의 일반적인 대중 접근 방식을 기반으로 이미지 전략을 수립 할 수 있다고 생각합니다. 모범 사례에 대한 옵션이 있다고 생각하지 않는다면이 질문을 마감하게되어 기쁩니다. 나는 여전히 물어 보는 것이 적절하다고 믿습니다. – Vikita

답변

1

개인적으로 나는 스프라이트가 약간 불필요하다고 생각합니다. 인터넷은 이제 막 분리 된 bg 이미지를 사용하기에 충분히 빠릅니다. 미디어 쿼리를 사용하여 올바른 이미지를 표시하고 background-size : 표지를 사용하여 유체 디자인의 크기를 제한합니다. 또는 포함합니다.

+0

이것은 내가 한 일이기도합니다 ... 더 좋은 방법이 있는지 나 자신과 논쟁하고있었습니다. 답변 해 주신 Aaron에게 감사드립니다. – Vikita