레티나 대응 > 자유게시판

자유게시판

출석체크 십년전오늘 포인트가위바위보 포인트야구게임

레티나 대응 정보

레티나 대응

본문

http://uxd.so/h/retina-web-raster/#index-01

내용 정리가 잘 되었네요. 한번씩 읽어보시면 좋을 것 같습니다.
추천
0
  • 복사

댓글 12개

cshop2 홈페이지 자기소개 아이디로 검색 회원게시물
(184.♡.♡.67)
13.09.16 10:58:41
개인적으로 img 태그는 거의 쓰지않고 css background 이미지를 주로 쓰는 관계로 미디어 퀘리로 처리하는데, 생각보다 많이 번거스럽더라구요.

상당히 정리가 잘된 내용이네요.  그런데 아쉽게 서버쪽 대응방법은 언급이 되어 있지 않습니다.

페이지 로딩속도 문제 때문에, 레티나 대응은 서버에서 해주는게 좋다고 합니다.

만들어진 솔루션도 있습니다.

https://github.com/Retina-Images/Retina-Images
모노폴리 홈페이지 자기소개 아이디로 검색 회원게시물
(112.♡.♡.8)
13.09.16 11:22:00
근데 현재 나온 대응 방법으로는

1) 2배px 크기 이미지를 만들어 레티나든 아니든 강제로 width, height 설정해서 쑤셔(?)넣는 방법이랑.

2)이미지 2개를 만들어 레티나 해당 디바이스에서는 2배이미지를 보내고, 아니면 일반이미지를 보내고.


1번은 제작자는 편한데 레티나 아닌사람들도 2배 이미지를 다운받는거고.

2번은 제작자가 번거롭고.

이것말고 다른 방법이 있나요?
미운오리스키 자기소개 아이디로 검색 회원게시물
(182.♡.♡.81)
13.09.16 13:52:55
오.. 이런것도 있구나
어제 갤3로 로드뷰 보는데 쨍한 느낌이 있길래 화질 죽이네 이랬는데
레티나와 비슷하게 펜타일이라는것도 있다네요..
http://bbs1.ruliweb.daum.net/gaia/do/ruliweb/detail/read?articleId=155144&bbsId=G002
전진 홈페이지 자기소개 아이디로 검색 회원게시물
(95.♡.♡.138)
13.09.16 18:47:33
레티나 이미지 처리는, 반응형 이미지의 핵심 부분 중 하나이죠.. ^^
(가로크기에 반응하는 것과 해상도에 반응하는 것 차이정도)

특히 css  (background-image)를 이용하여, 중복해서 다운받지 않도록 하는 방법이 유효하지 않을까 합니다.
http://sir.co.kr/bbs/board.php?bo_table=pb_lecture&wr_id=247#vc_bg_test

재밌는 방식 중 하나가, 네트워크 속도와 해상도를 보고 선택적으로 보내는 jquery 플러그인도 있더군요.
http://sir.co.kr/bbs/board.php?bo_table=pb_lecture&wr_id=247#c_390
원링크: https://github.com/teleject/hisrc
전진 홈페이지 자기소개 아이디로 검색 회원게시물
(95.♡.♡.138)
13.09.17 14:53:24
그렇긴 하겠죠.. ^^;
zepto 등 크기가 작은 라이브러리를 사용해도 될지 모르겠네요..
게다가 속도 측정을 위해서 50kb 짜리 이미지를 시험삼아 다운로드 하는데
그것도 시간을 잡아먹을 테고요..
아마 일반적인 사이트보다는, 이미지가 많고 고퀄의 이미지가 중요한 사이트에 적절할 것 같습니다. ^^
목록
문의 PC 버전
© SIRSOFT
현재 페이지 제일 처음으로