티스토리에 애드센스 광고를 넣으려고 할 때 광고 크기를 조정해야 할 때가 있습니다.
픽셀 값을 넣어야 하는데 디자이너가 아니면 픽셀값이 생소하죠!
이때 필요 한것이 픽셀사이즈를 알 수 있게 해주는 유용한 툴이 있어 소개하려고 합니다.
여러 가지가 있는데 현재 가장 많은 분들이 사용하는 것이
구글 크롬에서 제공하는 확장 도구 Page Ruler 인 것 같습니다.
본인 PC에 별도 설치하지 않고 바로 브라우저에서 사용 가능한 Page Ruler !
티스토리 광고 사이즈 측정 시에도 아주 유용한 Page Ruler 설치
Page Ruler는
Page Ruler는 웹 페이지에서 거리(픽셀 단위)를 측정할 수 있는 구글 크롬의 확장 프로그램입니다.
설치 방법
1. 구글 크롬 브라우저에서 상단의 우측에 있는 도구버튼 (1) 클릭 - 더보기 클릭 - 확장프로그램 클릭
2. 좌측 맨 하단에 있는 크롬웹스토어 열기 클릭
3. 검색창에 Page Ruler를 입력하고 엔터 치면 여러 개의 프로그램이 나오는데 아래 그림처럼 PageRuler 선택
4. 크롬에 추가 버튼 클릭 -> 확장프로그램 추가 버튼 클릭
5. 상단 주소창 우측에 있는 퍼즐아이콘을 클릭하고 고정핀버튼을 클릭
6. 브라우저에 아이콘이 생기면서 상시 사용 가능
Page Ruler 사용법 / 활용법
1. 주소란 옆에 생긴 Page Ruler 확장프로그램을 클릭
2. 마우스로 사이즈 재고자 하는 것을 드래그하면 아래 그림처럼 화면에서의 픽셀 위치값과
사이즈를 표시해 줍니다.
예제 1 )
예제 2)
예제 3 )
예제 4 )
저도 애드센스에 광고크기 수정 픽셀값을 지정할 수 있게 되었습니다. 짝! 짝! 짝!
참고로 1cm가 몇 픽셀인가 궁금해져 찾아보니 약 37.8 px 인 것 같습니다 ~
그럼 오늘도 좋은 하루 보내세요 ~
'블로그시작하기' 카테고리의 다른 글
| 유니버설 애널리틱스 GA4로 전환하기 (0) | 2023.01.18 |
|---|---|
| 구글 애드센스 Adsense 신청..승인을 기다리며. (1) | 2023.01.12 |
| GA4 설치하기 (구글 애널리틱스 4)-유니버설 애널리틱스 업그레이드 (2) | 2023.01.10 |
| 티스토리 Tistory 배경 이미지, 배경색 변경하고 싶다면.. (1) | 2023.01.01 |
댓글