• PhpSword Favicon Manager 플러그인으로 홈페이지 아이콘-파비콘(favicon) 설정하기

    워드프레스 플러그인 PhpSword Favicon Manager를 이용해 홈페이지에 파비콘을 설정하겠습니다. 1. 파비콘 이미지 준비하기 파비콘을 만드려면 먼저 이미지를 준비해야 합니다. 파비콘으로 사용되는 ico 파일에 쓰이는 이미지 사이즈는 16X16, 32X32, 64X64, 128X128 정도가 기본이며, 최근에는 256X256과 512X512까지 만들기도 합니다. 일반적인 ico파일에는 여러 크기의 이미지가 포함되어 폴더의 아이콘 크기에 따라 다른 사이즈의 이미지를 보여줍니다. 파비콘으로 출력되는 크기는 16*16px의 사이즈만 쓰기 때문에 포토샵으로 한 가지 사이즈의 이미지만 만들겠습니다. make BCT 로고를 이용해 다음과 같은 아이콘을 만드려고 합니다. 파비콘 사이즈인 16*16px로 줄여보겠습니다. 사이즈를 그대로 줄여서인지 로고가 흐릿하게 보입니다. 브라우저에 출력되는 파비콘 로고가 깨끗하게 보여지게 하기위해 이미지를 확대하여 왼쪽이미지를 오른쪽 이미지와 같이 경계선을 다듬어 줍니다. 픽셀 단위로 작업해야 작은 아이콘이 선명하게 보여집니다. 완성된 이미지를 배경이 없는 투명한 PNG파일로 저장합니다. 2. ico로 변환하기 무료 온라인 ICO/PNG 파일 변환 서비스 CONVERTICO에서 만들어진 png이미지를 ico파일로 변환하겠습니다. 왼쪽의’Select File From Your Computer’에서 이미지를 업로드 후, [GO] 버튼을 클릭합니다. […]

  • 파비콘 추가 방법

    파비콘이란 웹브라우저의 주소창에 표시되는 웹사이트를 대표하는 아이콘을 말합니다. 워드프레스에서 파비콘을 등록하려면 먼저 ico 파일이 필요합니다. ico 파일은 144×144 사이즈로 된 이미지 파일(png, jpg 등)을 변환해서 얻을 수 있습니다. 참고로 이미지 변환을 도와 주는 웹사이트로는 http://www.convertico.com/ 등이 있습니다. 이미지 파일을 변환해서 얻은 파일명을 favicon.ico 라고 한다면, 이 파일을 다음과 같이 워드프레스 테마 디렉토리 내에 추가하는 것으로 파비콘 등록은 끝입니다. 파비콘은 다음과 같이 브라우저에서 확인할 수 있습니다. 위 그림의 브라우저 탭에 파비콘 아이콘( )을 볼 수 있습니다. 북극海• (주)블로그코디 대표 • 워드프레스 교육 서비스 런칭 • 워드프레스 정보 공유 커뮤니티 make BCT 런칭 • 한국형 워드프레스 테마 출시 • 워드프레스 홈페이지 제작 서비스 런칭 http://blogcodi.com

위로이동