아이콘·파비콘 가이드
아이콘과 파비콘에 대해 가장 많이 묻는 질문에 답하는 짧고 실용적인 글 모음입니다 — 2026년 기준으로 정리했습니다.
ICO 파일이란? 아이콘 형식 완전 정리
.ico 형식의 구조, 파일 하나에 여러 크기가 들어가는 이유, PNG와 BMP 항목의 차이, 2026년에도 ICO가 필요한 곳을 설명합니다.
파비콘 크기 가이드 (2026): 실제로 필요한 파일만
최소한의 최신 파비콘 세트: favicon.ico, 32px PNG, SVG, 180px 애플 터치 아이콘, 192/512px 매니페스트 아이콘과 정확한 HTML.
웹사이트에 파비콘 추가하는 법 (HTML, 워드프레스, React, Next.js)
일반 HTML 사이트, 워드프레스, Vite/React, Next.js, GitHub Pages 같은 정적 호스팅에 파비콘을 추가하는 단계별 방법.
윈도우 아이콘 크기 완전 정리 (16~256px)
윈도우 10·11이 작업 표시줄, 탐색기, 바탕화면, 시작 메뉴에 쓰는 아이콘 크기, DPI 배율에 따른 변화, .ico에 넣어야 할 크기.
ICO vs PNG: 차이점과 언제 무엇을 쓸까
ICO는 여러 이미지를 담는 컨테이너, PNG는 한 장의 이미지입니다. 투명도, 용량, 브라우저·윈도우 지원을 비교하고 알맞은 형식을 고르세요.
윈도우 11에서 폴더·바로가기·프로그램 아이콘 바꾸는 법
윈도우 10/11에서 폴더, 바탕화면 바로가기, 드라이브에 나만의 .ico를 적용하고, 아이콘이 바뀌지 않을 때 해결하며, 직접 만든 프로그램에 아이콘을 넣는 방법.
애플 터치 아이콘 가이드: 크기, 투명도, HTML
아이폰·아이패드 홈 화면에 180×180 PNG 하나면 충분한 이유, 검은 모서리를 피하는 법, 올바른 <link rel="apple-touch-icon"> 태그.
웹 앱 매니페스트 아이콘: 192, 512, maskable 정리
site.webmanifest의 icons 배열 동작 방식, 192/512px 규칙, maskable 아이콘과 안전 영역, PWA 설치 아이콘 테스트 방법.
16×16에서도 선명한 아이콘 디자인하는 법
작은 아이콘을 위한 실전 규칙: 단순화, 굵은 모양과 강한 대비, 픽셀 격자 맞추기, 실제 크기로 확인하기.
파비콘이 안 보일 때: 크롬·사파리·구글 검색 해결법 10가지
캐시, 잘못된 경로, MIME 형식, 리디렉션, robots 규칙, 구글 검색 파비콘 요건까지 — 파비콘이 보이게 하는 체크리스트.