tooljar

    Favicon Generator

    Gumawa ng favicons sa maraming formats mula sa text, emoji, o images

    Maglagay ng text o emoji para makita ang preview

    Mabilis na mga halimbawa:

    Paano Gamitin ang Iyong Favicon

    1. I-download ang Iyong Favicons

    Recommended minimal setup:

    • 32×32 PNG - I-rename sa favicon.png (pinaka-common)
    • SVG - I-rename sa favicon.svg (modern browsers, scalable)

    Opsyonal (para sa mas magandang coverage):

    • 16×16 PNG - I-rename sa favicon.ico (legacy browsers)
    • 180×180 PNG - I-rename sa apple-touch-icon.png (iOS home screen)

    2. Idagdag sa Iyong Website

    Ilagay ang files sa root o public directory ng iyong site at idagdag ang mga tag na ito sa iyong HTML head:

    <link rel="icon" type="image/svg+xml" href="/favicon.svg">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">

    Mga Tip

    • Gumamit ng simple, bold na designs na gumagana sa maliliit na sizes
    • Ang emoji ay maganda para sa mabilis, nakikilalang icons
    • Ang SVG ay recommended para sa modern browsers (scalable & maliit na file size)
    • Gumamit ng high contrast colors para sa mas magandang visibility

    Mga Kaugnay na Tools

    Pixel Density Calculator

    Kalkulahin ang PPI/DPI para sa screens at prints

    Placeholder Image Generator

    Gumawa ng custom placeholder images para sa web design

    Aspect Ratio Calculator

    Kalkulahin at panatilihin ang aspect ratios

    Business Card Maker

    Gumawa ng propesyonal na business cards na may customizable templates