Deutsch 
Español 
Français 
日本語 
Polski 
Português 
Favvy vs favicon.io
Figma에 있는 브랜드 에셋을 위한 favicon.io 대안.
Favvy로 Figma 아이콘에서 파비콘 에셋과 HTML을 생성하세요. 이미지를 따로 업로드하거나 텍스트 아이콘에서 시작하는 대신, 작은 크기 미리보기와 코드 전달을 원본 브랜드 디자인 옆에서 처리할 수 있어요.
무료로 설치하세요. Pro 체험 10회가 포함되어 있고 신용카드는 필요 없어요.
You just saved me hours of time! I think I love you!
favicon.io vs Favvy?
워크플로를 비교한 다음, 다음 프로젝트에 맞는 도구를 선택하세요.
| favicon.io |  Favvy 사용 시 |
|---|---|
| 이미지, 텍스트, 이모지 선택 favicon.io는 다양한 시작 형식으로 파비콘을 생성할 수 있어요. | Figma에서 승인된 브랜드 디자인 사용 디자인 팀이 관리하는 마스터 아이콘에서 전달용 파일을 생성하세요. Favvy 가이드 읽기 |
| 파비콘 패키지 만들기 favicon.io는 다운로드 가능한 파비콘을 제공해요. | 작은 크기 디자인부터 검토 전달하기 전에 Favvy 안에서 지원되는 크기로 아이콘을 미리 보세요. Favvy 가이드 읽기 |
| 웹사이트 아이콘 설치 favicon.io는 웹사이트 파비콘 생성 워크플로를 제공해요. | 파일과 HTML을 함께 전달 Favvy가 생성한 지원 에셋과 마크업을 사용한 다음, 게시된 구현을 확인하세요. Favvy 가이드 읽기 |
Pro 무료 체험 10회 포함. 신용카드 불필요.
내 파일로 Favvy 사용해 보기워크플로 선택
작업에 맞는 도구를 고르세요.
실제로 확인하기
Favvy에서 할 수 있는 일.
워크플로를 이루는 기능을 시연과 설정 가이드로 살펴보세요.
내보내기 전에 모든 파비콘 크기를 미리 확인하세요.
16px, 32px 등 실제로 쓰일 크기에서 파비콘을 미리 보세요. 내보내기 전에 브라우저와 바로가기에서도 작은 디테일이 또렷한지 확인할 수 있어요.
- 실제 크기 파비콘 미리보기
- 작은 크기 가독성 확인
- Figma에서 마스터 아이콘 편집
개발자에게 필요한 파비콘 HTML을 그대로 복사하세요.
웹사이트용 파비콘 링크 마크업을 생성하고, 바로 붙여 넣을 수 있는 HTML을 문서 head에 복사해 넣으세요.
- 바로 붙여 넣는 HTML
- 정확한 파비콘 파일 참조
- 개발자 핸드오프
실제 프로젝트로 시험해 보기
워크플로를 Favvy에서 시작하세요.
팀의 프로세스를 바꾸기 전에 대표적인 파일 하나로 먼저 시작해 보세요.
Favvy Pro전환하기 전에 확인할 사항.
Favvy는 이미 Figma에 있는 디자인을 위한 도구예요. favicon.io는 다른 형식에서도 시작할 수 있어요. 필요한 아이콘 파일을 비교하고, 생성된 HTML을 웹사이트에 올바르게 설치하세요.
워크플로 가이드 읽기- Figma에서 승인된 마스터 아이콘을 선택하고 Favvy를 여세요.
- 지원되는 작은 크기를 미리 보고 에셋과 HTML을 생성하세요.
- 웹사이트에 파일을 설치하고 대상 브라우저에서 보이는 아이콘을 확인하세요.
자주 묻는 질문
시작하기 전에 알아 두세요.
favicon.io 대신 Favvy 플러그인을 선택해야 할 때는 언제인가요?
최종 브랜드 아이콘을 이미 Figma에서 관리하고 있고, 반복 가능한 파비콘 전달 방식을 원하는 디자이너.
favicon.io 쪽이 더 잘 맞는 경우는 언제인가요?
이미지, 텍스트, 이모지로 간단하게 파비콘을 만들고 싶은 사용자.
전환하기 전에 무엇을 확인해야 하나요?
Favvy는 이미 Figma에 있는 디자인을 위한 도구예요. favicon.io는 다른 형식에서도 시작할 수 있어요. 필요한 아이콘 파일을 비교하고, 생성된 HTML을 웹사이트에 올바르게 설치하세요.
업그레이드하기 전에 Favvy 플러그인을 써 볼 수 있나요?
네. Figma Community에서 Favvy 플러그인을 설치하면 Pro 무료 체험 10회를 사용할 수 있어요. 신용카드 불필요.
PDF 견적서 ↗ 
