파비콘을 만들고 적용시켜보자! - 제작편

파비콘을 만들고 적용시켜보자! - 적용편 (링크)

파비콘(Favicon)이란? 홈페이지에 들어왔을 때 주소창 왼쪽에 보이는 사이트 아이콘이나 즐겨찾기를 했을 때 보이는 16x16 ico 파일로 된 이미지 아이콘을 뜻한다. 파비콘은 만들기 사이트나 포토샵을 통해 파비콘을 제작할 수 있다. ico 제작부터 변환과 적용까지 모든 정보를 모아보았다.

파비콘 제작 사이트로 만들기

우선 가장 간편한 제작 사이트로 만들기를 해보자. 각각의 사이트의 특징 소개했으며, 특별히 설명이 없어도 만들기가 쉬워서 제작 과정은 생략한다. 마음에 드는 것으로 제작하시라!

사진 출처: (http://favicon-generator.org/)

favicon.cc (링크)

추천

★★★★★

특징

▶ 직접 파비콘을 그려서 제작 가능

▶ 이미지를 바로 파비콘으로 변환 가능

▶ 업로드한 이미지를 수정하여 원하는 파비콘 제작 가능

▶ 애니메이션 효과가 나는 파비콘 제작 가능

▶ 애니메이션 효과가 있는 이미지를 업로드하면 애니메이션 효과가 있는 파비콘이 바로 완성

▶ 다른 제작자가 올린 파비콘 사용 가능

▶ 자신이 제작한 파비콘에 Creative Commons license를 적용 가능

▶ 바로 적용 가능한 HTML 소스 제공 X

---

Favicon Generator

Favicon Generator (링크)

추천

★★★★

특징

▶ 직접 파비콘을 그려서 제작 가능

▶ 이미지를 바로 파비콘으로 변환 가능

▶ 다른 제작자가 올린 파비콘 사용 가능

▶ 바로 적용 가능한 HTML 소스 제공 O

---

X-icon editor (링크)

추천

★★★★

특징

▶ 직접 파비콘을 그려서 제작 가능

▶ 이미지를 바로 파비콘으로 변환 가능

▶ 업로드한 이미지를 수정하여 원하는 파비콘 제작 가능

▶ 16x16, 24x24, 32x32, 64x64의 다양한 아이콘 크기 지원 

▶ 브러쉬, 펜슬, 타이포 입력, 스포이트, 페인트통, 도형, 지우개 등을 지원

▶ 프리뷰시 적용 화면을 자세히 제공

▶ 바로 적용 가능한 HTML 소스 제공 O

---

DeGraeve favicon (링크)

추천

★★★

특징

▶ 이미지를 바로 파비콘으로 변환 가능

▶ 업로드한 이미지를 수정하여 원하는 파비콘 제작 가능(기능 취약)

▶ 바로 적용 가능한 HTML 소스 제공 O

---

간단히 파비콘 확장자(ICO)로 변환만 제공하는 사이트

ICO converter (링크) ★★★

iConvert (링크) ★★★

Convert ICO (링크 )  ★

CONVERT ICO (링크) ★

http://tools.dynamicdrive.com/favicon/ (링크) ★

---