퍼블리싱 작업을 하다보면, 작업기준을 어떻게 잡아야할지, 특정 기기에서 화면이 틀어져 보이는데, 대체 이 기기의 해상도는 얼마인지 궁금할때가 많습니다.
이런 상황에 아주아주 이용할수있는 유용한 사이트 몇가지를 소개합니다.
*각종 기기 해상도를 알수있는 사이트
https://gs.statcounter.com/screen-resolution-stats/
Screen Resolution Stats Worldwide | Statcounter Global Stats
This graph shows the stats of screen resolutions worldwide based on over 10 billion monthly page views.
gs.statcounter.com
각종 기기의 점유율을 파악할수있는 사이트입니다.
[Edit Chart Data] 라는 버튼을 클릭하면, 한국 뿐 아니라, 다른나라나 전세계등의 기준으로 점유율을 확인할수있습니다.
그리고 같은 화면에서 데스트탑 뿐 아니라, 태블릿이나 모바일과 같은 다른 기기의 해상도 점유율도 확인할 수있습니다.
그래서 반응형이나, 디자인 작업기준을 잡을때 유용하게 사용하는 사이트입니다.
+ 추가적으로 해당 사이트에서 브라우져 점유율도 확인 가능하다.
https://gs.statcounter.com/browser-market-share
Browser Market Share Worldwide | Statcounter Global Stats
This graph shows the market share of browsers worldwide based on over 10 billion monthly page views.
gs.statcounter.com
* 각종 기기 뷰포트 사이즈를 알 수있는 사이트
Screen sizes, viewport sizes and CSS media queries for Devices | Find Viewport Size | YesViz
Yesviz.com is a significant database of screen sizes, viewport sizes, css media queries and resolution for all kind of devices including phones, tablets, smart watches and laptops.
yesviz.com
기타 각종 기기들의 뷰포트 사이즈를 파악할수 있는 사이트 입니다.
모바일 뿐 아니라, 스마트 워치까지! 뷰포트 파악이 가능해 특정 기기의 뷰포트 사이즈를 빠르게 파악하고자 할때 아주아주 도움이 됩니다.
'Publishing > 퍼블리싱 꿀팁' 카테고리의 다른 글
| [기타] 이미지 추출하기 (0) | 2022.12.15 |
|---|---|
| [기타 꿀팁] 파비콘 만들기 (0) | 2022.07.13 |
| [css] 반응형 시에도 이미지 비율 유지하기 (feat. object-fit:cover) (0) | 2022.07.07 |
| [기타 꿀팁] 퍼블리싱시 랜덤 이미지 빠르게 가져오기 (0) | 2022.07.06 |
| [css] css 각종 수치 꿀팁 사이트 (box-shadow/text-shadow/gradient 쉽고 정확하게 넣기) (0) | 2022.07.05 |
