[맥북 / macOS] 파비콘(ICO)를 만들어주는 간단한 앱 | Faviconer

파비콘(favicon)이란 .ico 확장자를 가지며, 브라우저 타이틀 옆에 표시되는 조그마한 아이콘이며 이 아이콘은 웹페이지 혹은 블로그 등에 사용될 수 있습니다.

물론, “favicon generator” 혹은 다른 유사한 키워드를 이용해 구글링을 하면 웹상에서 바로 favicon으로 변환하는 웹페이지들이 많이 있습니다. 하지만, 이들을 사용하지 않고 로컬에서 작업하고자 하시다면, 금번 소개될 Faviconer를 사용하셔서 변환을 하시면 간단하게 변환이 가능합니다.


Faviconer로 파비콘 만들기

Faviconer는 아래 앱스토어 링크를 통해 무료로 다운 받으실 수 있습니다.

Faviconer 앱스토어 링크

앱 인터페이스는 매우 간단하며 사용법 또한 매우 간단합니다. 준비된 이미지를 드래그 앤 드롭해주시거나, “or choose one”을 통해 선택해주시면 됩니다. 다음, 원하는 아이콘 사이즈를 선택하시고, 하단에 Create Icon 버튼을 눌러주시기만 하시면 됩니다.

적절한 파비콘 사이즈에 관한 내용은 아래 내용을 참조하시면 될 듯 합니다.

  • For IE, Microsoft recommends 16×16, 32×32 and 48×48 packed in the favicon.ico file.
  • For iOS, Apple recommends specific file names and resolutions, at most 180×180 for latest devices running iOS 8.
  • Android Chrome primarily uses a manifest and also relies on the Apple touch icon.
  • IE 10 on Windows 8.0 requires PNG pictures and a background color and IE 11 on Windows 8.1 and 10 accepts several PNG pictures declared in a dedicated XML file called browserconfig.xml.
  • Safari for Mac OS X El Capitan introduces an SVG icon for pinned tabs.
  • Some other platforms look for PNG files with various resolutions, like the 96×96 picture for Google TV or the 228×228 picture for Opera Coast.
  • Look at this favicon pictures list for a complete reference.
  • This favicon generator can generate all these files at once, with the corresponding HTML code. The generator can also be implemented as a WordPress plugin. Full disclosure: I am the author of this site.

원문 출처 – Does a favicon have to be 32×32 or 16×16? – StackOverflow

댓글 남기기