A practical starting point

Create a simple favicon for a new site

Create a small text-based browser icon, export PNG sizes, and check that it remains recognizable in a tab before adding it to your website.

3 steps to get startedSources reviewed
Create a text- or emoji-based favicon with the existing generator and export individual PNG sizes. This is a quick starter icon, not a complete brand identity or all-platform installation package.

Useful starting points

Tools and resources you can explore today. External services have their own terms and availability.

Favicon generatorOn this site · Tool Color format converterOn this site · Tool

A practical way forward

  1. Choose one recognizable mark

    Start with a single letter or uncomplicated symbol. Pick foreground and background colors that stay distinct at very small sizes.

  2. Preview at tab size

    Check the small export rather than only the large canvas preview. Remove extra characters if their shapes merge or disappear.

  3. Install and verify

    Add the chosen PNG to your site’s icon link, then reload and test another browser. Review the manifest reference if you also need installable-app icons.

Keep in mind

  • Current exports are individual PNG files, not ICO files or a complete manifest package.
  • Emoji rendering varies across platforms, and icon caches may delay visible updates.

Sources, not guesswork

Background for this guide. Discussion and documentation are useful signals, not proof of demand or an endorsement of every service.

  • Favicon reference Official guide

    Describes the purpose and common formats of browser icons.

  • Web app icon reference Official guide

    Describes manifest icon sizes and formats; not a promise that a PNG alone is a complete icon package.

Planned · Research

Complete icon export pack

Research only — not available yet. Would a reviewed set of icon files and matching installation markup be useful for your launches?

This feature is not available yet. We’re exploring whether it would be useful. Tell us about your task; leaving an email for follow-up is optional.

All solutions

Make a photo smaller before uploading

Reduce a photo’s file size with a JPEG export, compare the result with the original, and check the destination’s size and format requirements.

Read the guide

Resize an image without stretching it

Calculate proportional image dimensions, decide whether to crop or fit, and check the final asset at the size where people will actually see it.

Read the guide

Check colors before using them in an interface

Convert a color value for your stylesheet, check its contrast against the actual background, and avoid using color alone to communicate meaning.

Read the guide
AN IDEA IN RESEARCH

What would make this useful?

This feature is not available yet. We’re exploring whether it would help. Sharing feedback is free and does not reserve a place or promise a launch date.

Please leave out passwords, private files, and other people’s personal information.

Feedback is kept privately for up to 90 days. Privacy & deletion