What image tools does Texterfly offer?

Texterfly offers 3 free image tools: a Color Palette Generator (extracts HEX, RGB, HSL, CMYK colors from any uploaded image, with eyedropper and CSS export), an Image to Base64 Converter (converts images to data URIs with HTML, CSS, and JSON output), and a Base64 to Image Decoder (decodes Base64 strings back to visible images with download). All are browser-based with no image uploads to servers.

What color formats does the color palette generator output?

The Color Palette Generator outputs four color format codes for each extracted color: HEX (e.g. #3A86FF — used in web CSS and design tools), RGB (e.g. rgb(58, 134, 255) — used in screen design), HSL (e.g. hsl(217, 100%, 61%) — useful for manipulating lightness and saturation), and CMYK (e.g. cmyk(77, 47, 0, 0) — used in print design). You can copy any format with one click.

What is Base64 image encoding?

Base64 image encoding converts binary image data into a string of ASCII characters. The result is a "data URI" — a self-contained text string that browsers can render as an image without fetching an external file. Format: data:image/png;base64, . Base64 increases image size by ~33% but eliminates the need for a separate HTTP request, making it useful for small icons and inline images.

When should I use Image to Base64?

Use Image to Base64 when: embedding small icons directly in CSS (saves one HTTP request), including images in email signatures or HTML newsletters (bypasses email client image blocking), building single-file web applications or offline HTML files, embedding images in JSON API payloads, or adding inline images to SVG files.

What is the difference between HEX, RGB, HSL, and CMYK?

HEX (#RRGGBB) is a 6-digit hexadecimal code used in CSS and most design tools. RGB (red, green, blue) defines colour by mixing three light channels from 0–255. HSL (hue, saturation, lightness) makes it intuitive to create colour variations by adjusting a single value. CMYK (cyan, magenta, yellow, black) is used in print design, defining ink percentages for physical printing. For web design, HEX and RGB are most common. For print, CMYK is required.

What image formats does the Base64 converter support?

The Image to Base64 Converter supports: JPEG (.jpg, .jpeg), PNG (.png), GIF (.gif), SVG (.svg), and WebP (.webp). Each format produces a correctly typed data URI (e.g. data:image/png;base64,... for PNG files).

How does the Base64 to Image Decoder work?

Paste a Base64 string (with or without the data:image/...;base64, prefix) into the decoder. The tool renders the image visually, shows the resolution (width × height in pixels) and decoded file size, and provides a download button. It also detects and helps clean common issues like extra whitespace or line breaks in the Base64 string.

How does the color palette generator extract colors?

The Color Palette Generator uses a colour quantization algorithm (similar to k-means clustering) to analyse pixel data across the uploaded image and identify the most visually dominant and representative colours. You can also use the manual eyedropper tool to click any specific pixel in the image to get its exact colour code.

Are these image tools free?

Yes. All 3 image tools are 100% free with no registration, subscription, or payment required.

Are my images private?

Yes. All image processing runs entirely in your browser using the Canvas API and FileReader. Your images are never uploaded to any server, never stored, and never transmitted. This applies to all three tools including the colour palette generator.

How do I add the generated files to my website?

Upload every file from the downloaded package to the root folder of your site, then paste the generated HTML snippet into the of your pages.

Back to Image Tools

Favicon Generator

Upload one image and get a complete favicon package — .ico, PNG, Apple, Android/PWA, and Windows tile icons — plus ready-to-paste HTML. Free, no sign-up.

100% client-side. Your image is resized and packaged entirely in your browser — nothing is ever uploaded to a server.

Your Image

Drop an image here

or click to browse — PNG, JPG, WebP, SVG

For best results, use a square image at least 512×512px. The tool only scales down, never up.

Manifest Settings

Site Name

Used in site.webmanifest for Android/PWA install prompts.

Tile / Theme Color

Background for the Windows tile, plus your manifest & theme-color meta tag.

Upload an image to generate your favicon package

This package covers standard browser, iOS, Android/PWA, and Windows tile icons. It does not generate a Safari pinned-tab SVG mask icon, which requires a hand-tuned monochrome vector.

Like this tool? Share it 🎨

Help other developers skip the favicon busywork.

Support Our Free Tools

If you find this calculator helpful, please consider supporting our work. Your contribution helps us build and maintain these free tools for everyone.

Buy me a coffee

Free Favicon Generator — Create a Full Icon Package in Seconds

A single logo file isn't enough for a modern website. Browsers, iOS, Android, PWAs, and Windows each expect their own dedicated icon size and format — get one wrong and you'll see a blurry, cropped, or missing icon on that platform. This tool takes one image and generates every size you need — a multi-resolution favicon.ico, standalone PNGs, an apple-touch-icon, Android/PWA icons, and a Windows tile — along with the manifest files and HTML snippet to wire it all up.

Everything happens locally using your browser's Canvas API. Your image is never uploaded to a server, which also means there's no upload wait — results appear instantly.

Which Favicon Sizes Do You Actually Need?

Different platforms render your icon at different sizes and in different contexts. Skipping one usually means that platform falls back to a stretched or cropped version of whichever icon it can find — this package covers every size actively requested by a modern browser or OS.

🌐 favicon.ico (16, 32, 48px)

The universal fallback every browser checks at /favicon.ico. A multi-size .ico lets the browser pick the sharpest resolution for the context — tab, bookmark bar, or history.

🍏 apple-touch-icon.png (180px)

Shown when a visitor adds your site to their iOS home screen. iOS automatically applies rounded corners, so keep your artwork filling the full square.

🤖 android-chrome (192 / 512px)

Used for Android home screen shortcuts and as the splash-screen icon when your site is installed as a Progressive Web App.

🪟 mstile-150x150.png

Displayed when a site is pinned to the Windows Start menu, rendered on top of your chosen tile color from browserconfig.xml.

How to Add Favicons to Your Website

1️⃣

Download the package

Click "Download All (.zip)" to get every icon file, plus an auto-generated site.webmanifest and browserconfig.xml, in one archive.

2️⃣

Unzip into your site root

Extract the files directly into your public/ or root folder — most browsers and platforms request these files from a fixed path like /favicon.ico.

3️⃣

Paste the HTML snippet

Copy the generated <link> and <meta> tags into the <head> of your HTML, or your framework's metadata/head config (e.g. Next.js's metadata export).

4️⃣

Clear your cache and verify

Favicons are cached aggressively by browsers. Hard-refresh, or check in a private/incognito window, to confirm the new icon is showing.

Frequently Asked Questions

Is this favicon generator really free?

Yes. There's no sign-up, no watermark, and no usage limit. Every icon is generated locally in your browser with the Canvas API.

Does my image get uploaded to a server?

No. All resizing and packaging happens entirely in your browser. Your image is never sent to Texterfly or any third party.

What files are included in the package?

A multi-size favicon.ico (16/32/48px), favicon-16x16.png, favicon-32x32.png, a 180x180 apple-touch-icon, 192x192 and 512x512 android-chrome icons, a 150x150 Windows tile, a site.webmanifest, and a browserconfig.xml.

What image size should I upload?

A square image at least 512x512px gives the sharpest results, since the tool only scales down. A PNG with a transparent background works best for most icons.

Why isn't there a Safari pinned-tab icon?

Safari's pinned-tab icon is a hand-tuned single-color SVG mask, not an automatic resize of your artwork — it needs a bit of manual vector work, so it's outside what an automatic image-to-favicon tool can safely generate.

Explore More Free Image Tools

The Favicon Generator is part of Texterfly's growing collection of free, browser-based image tools — no sign-up, nothing uploaded to a server.

All Image Tools

Explore All Tools

134 free tools — no signup required

All 134 tools are free · No signup · No ads