무료 온라인 픽셀 아트 도구

Favicon 픽셀 편집기

16×16부터 64×64까지 픽셀 단위로 선명한 favicon을 그리거나 가져온 이미지를 세밀하게 다듬은 후, 클릭 한 번으로 완전한 favicon 패키지를 만드세요.

도구: 연필 픽셀: – 크기: 16 × 16
키보드 단축키 및 팁
  • B연필
  • E지우개
  • G페인트 통
  • I스포이트
  • L선
  • R사각형
  • O타원
  • M이미지 이동(가장자리에서 이어짐)
  • X기본 색상과 보조 색상 바꾸기
  • #/그리드 켜기/끄기
  • Ctrl+Z실행 취소
  • Ctrl+YCtrl+Shift+Z다시 실행
  • +-0확대, 축소, 화면에 맞추기
  • Shift직선, 정사각형, 정원 그리기
  • ←→이미지 이동(이동 도구)
  • Esc현재 도형 취소

오른쪽 클릭하면 보조 색상으로 그려집니다. 터치 화면에서는 두 번째 손가락을 대면 현재 획이 취소됩니다.

16×16 favicon을 잘 그리는 방법

favicon은 보통 16 또는 32픽셀 크기로만 표시되기 때문에 픽셀 하나하나가 중요합니다. 픽셀 그리드에서 직접 그리면 선명한 가장자리와 완전한 제어가 가능합니다. 자동으로 축소한 로고로는 얻기 어려운 결과입니다.

16×16 캔버스로 시작하고 디자인은 단순하게 유지하세요. 굵은 글자 하나, 단순한 심볼 또는 로고에서 가장 눈에 띄는 부분이 좋습니다. 밝은 브라우저 탭과 어두운 브라우저 탭 모두에서 읽기 쉽도록 강한 대비를 사용하고, 그리는 동안 실시간 미리보기를 확인하세요.

결과가 마음에 들면 "이 그림으로 favicon 생성"을 클릭하세요. 생성기는 픽셀을 선명하게 유지하면서 그림으로 favicon.ico, PNG 아이콘, Apple 터치 아이콘, Android 아이콘을 만들어 줍니다.

선명한 픽셀아트 favicon을 위한 팁

  • 두 가지에서 네 가지 색상을 사용하세요. 색조가 너무 많으면 작은 크기에서 노이즈처럼 보입니다.
  • 1픽셀 여백을 두거나 정사각형 전체를 채우세요. 일부 가장자리에만 닿는 도형은 피하세요.
  • 가로선과 세로선을 우선 사용하세요. 대각선은 45도일 때 가장 보기 좋습니다.
  • 대칭 아이콘에는 미러 모드를, 비치는 영역에는 투명 색상을 사용하세요.
  • 아이콘이 세밀하다면 32×32 또는 48×48로 그리세요. 고해상도 화면에서는 더 큰 크기가 사용됩니다.