|
|
|
13-11-26
|
조회 1,767
|
|
|
|
13-11-20
|
조회 3,457
|
|
|
|
13-11-12
|
조회 2,909
|
|
|
|
13-11-12
|
조회 6,901
|
|
|
|
13-11-11
|
조회 2,458
|
|
|
|
13-11-11
|
조회 1,876
|
|
|
|
13-11-06
|
조회 2,099
|
|
|
|
13-11-06
|
조회 3,797
|
|
|
|
13-11-05
|
조회 2,267
|
|
|
|
13-11-05
|
조회 1,729
|
|
|
|
13-11-04
|
조회 1,389
|
|
|
|
13-11-02
|
조회 2,016
|
|
|
|
13-11-01
|
조회 2,084
|
|
|
|
13-10-31
|
조회 2,611
|
|
|
|
13-10-30
|
조회 1,730
|
|
|
|
13-10-23
|
조회 4,340
|
|
|
|
13-10-23
|
조회 1,965
|
|
|
|
13-10-22
|
조회 4,123
|
|
|
|
13-10-22
|
조회 1,436
|
|
|
|
13-10-18
|
조회 2,282
|
|
|
|
13-10-08
|
조회 1,884
|
|
|
|
13-10-04
|
조회 3,996
|
|
|
|
13-10-01
|
조회 3,439
|
|
|
|
13-09-30
|
조회 2,214
|
|
|
|
13-09-25
|
조회 2,446
|
|
|
|
13-09-25
|
조회 2,771
|
|
|
|
13-09-24
|
조회 1,646
|
|
|
|
13-09-13
|
조회 1,734
|
|
|
|
13-09-11
|
조회 2,402
|
|
|
|
13-09-09
|
조회 3,658
|
|
|
|
13-09-09
|
조회 3,925
|
|
|
|
13-09-07
|
조회 1,945
|
|
|
|
13-09-04
|
조회 1,845
|
|
|
|
13-09-03
|
조회 3,448
|
|
|
|
13-09-03
|
조회 4,721
|
|
|
|
13-09-02
|
조회 1,571
|
|
|
|
13-08-30
|
조회 1,590
|
|
|
|
13-08-29
|
조회 2,084
|
|
|
|
13-08-27
|
조회 1,558
|
|
|
|
13-08-23
|
조회 1,599
|
|
|
|
13-08-13
|
조회 5,780
|
|
|
|
13-08-12
|
조회 1.1만
|
|
|
|
13-08-07
|
조회 2,453
|
|
|
|
13-08-05
|
조회 2,173
|
|
|
|
13-08-02
|
조회 2,731
|
|
|
|
13-07-30
|
조회 2,235
|
|
|
|
13-07-29
|
조회 1,417
|
|
|
|
13-07-26
|
조회 1,551
|
|
|
|
13-07-11
|
조회 2,362
|
|
|
|
13-07-10
|
조회 3,565
|
|
|
|
13-07-10
|
조회 1,964
|
|
|
|
13-07-10
|
조회 3,985
|
|
|
|
13-07-10
|
조회 4,067
|
|
|
|
13-07-07
|
조회 4,286
|
|
|
|
13-07-06
|
조회 1,973
|
|
|
|
13-07-05
|
조회 1,812
|
|
|
|
13-06-24
|
조회 2,654
|
|
|
|
13-06-22
|
조회 1,282
|
|
|
|
13-06-19
|
조회 4,094
|
|
|
|
13-06-19
|
조회 1,788
|
|
|
|
13-06-17
|
조회 2,365
|
|
|
|
13-06-14
|
조회 3,754
|
|
|
|
13-06-14
|
조회 7,864
|
|
|
|
13-06-14
|
조회 4,250
|
|
|
|
13-06-14
|
조회 5,515
|
|
|
|
13-06-14
|
조회 3,857
|
|
|
|
13-06-14
|
조회 4,920
|
|
|
|
13-06-14
|
조회 3,233
|
|
|
|
13-06-13
|
조회 3,131
|
|
|
|
13-06-12
|
조회 2,229
|
|
|
|
13-06-12
|
조회 1,560
|
|
|
|
13-06-12
|
조회 3,523
|
|
|
|
13-06-12
|
조회 2,086
|
|
|
|
13-06-12
|
조회 1,834
|
|
|
|
13-06-12
|
조회 1,971
|
|
|
|
13-06-12
|
조회 2,366
|
|
|
|
13-06-12
|
조회 2,996
|
|
|
|
13-06-12
|
조회 2,231
|
|
|
|
13-06-12
|
조회 4,653
|
|
|
|
13-06-12
|
조회 4,590
|
|
|
|
13-06-12
|
조회 3,114
|
|
|
|
13-06-01
|
조회 1,694
|
|
|
|
13-05-23
|
조회 2,368
|
|
|
|
13-05-20
|
조회 1,593
|
|
|
|
13-05-16
|
조회 1,931
|
|
|
|
13-05-15
|
조회 4,332
|
|
|
|
13-05-15
|
조회 3,122
|
|
|
|
13-05-15
|
조회 2,097
|
|
|
|
13-05-15
|
조회 1,920
|
|
|
|
13-05-15
|
조회 3,961
|
|
|
|
13-05-15
|
조회 2,431
|
|
|
|
13-05-11
|
조회 1,737
|
|
|
|
13-05-06
|
조회 3,243
|
|
|
|
13-04-30
|
조회 3,191
|
|
|
|
13-04-29
|
조회 8,239
|
|
|
|
13-04-23
|
조회 2,223
|
|
|
|
13-04-22
|
조회 1,735
|
|
|
|
13-04-18
|
조회 2,475
|
|
|
|
13-04-10
|
조회 1,832
|
|
|
|
13-04-09
|
조회 2,846
|
댓글 11개
디자인 작업을 640px로 주는 것은 이미지때문에 그렇습니다.
예를 들어 박스의 height값이 60px, border값이 2px로 되어있다면 실제 코딩은 30px, 1px로 코딩하면 됩니다.
대신 이미지나 아이콘같은 요소들은 받으신 파일그대로 잘라서, 크기를 반으로 줄여주셔야겠죠~
예를 들면 실제 이미지가 60px*60px이면 그대로 잘라서 업로드해두시고, 코딩하실때는 30px*30px로 크기를 설정해주시면 됩니다.
이렇게하는 이유는 ratio값이 1이상인 모바일기기 때문인데요~
(요즘 보통은 1.5~2가 대부분입니다.)
아이폰4 이상을 예를 들면, 해상도가 가로 640입니다. 그렇다고 해서 뿌려지는(실제로 보여지는) 해상도는 640이 아니라 320입니다.
그만큼 밀도가 2배로 조밀해졌다는 소리입니다.
실제로 예를들어 코딩해보시면 알겠지만 320px기준으로 30px*30px 로 보여질 이미지라고 해서 그대로 30*30으로 이미지를 잘라서
코딩하고 확인해보시면 이미지가 뿌옇게 흐려질 것입니다.
보여질 이미지가 30*30이라도 이미지작업은 60*60으로 해야만 이미지가 깔끔하게 보인다는 소리죠~
두서 없이 설명을 해서 죄송하네요~저도 첨에 할때 해상도에 대한 개념이 없어서 많이검색을 해봤답니다.
작업하시기전에 어느정도는 검색을 하셔서 해상도에 대한 개념을 이해하시고 코딩을 하시는편이 좋을 듯합니다.
질문하신 분은 이 내용도 읽어보시면 좋겠네요. (물론 저도 ㅎㅎㅎ)
http://uxd.so/h/retina-web-raster/
그래서 일을 줄일려면 svg 사용, 또 font awesome 같은 이미지 폰트를 적극 사용하는 것 이 좋은 것 같습니다.
유손실, 무손실
그래서 640이미지 사이즈를 놓고 320으로 작업하게되면 이미지가 선명하게 되니까 그래서 그렇게 주신것 같네요