SaveForMeNow
EN
Remove background
ImageCompress imageResize imageCrop imageSocial media resizerInstagram without croppingConvert imageHEIC to JPGAVIF to JPGUpscale imageAI photo enhancerDPI checkerPassport photo makerRemove watermarkWatermark imageRotate & flipRemove photo locationSee all image tools →
PDFMerge PDFSplit PDFOrganise PDFCompress PDFEdit PDFSign PDFAdd page numbersWatermark PDFProtect PDFUnlock PDFJPG to PDFPDF to WordWord to PDFPDF to ExcelExcel to PDFPDF to JPGSee all PDF tools →
Video & AudioCompress videoTrim videoConvert videoMerge videosVideo to GIFRotate videoCrop videoChange speedMute videoVideo to textScreen recorderVideo to MP3Trim audioRingtone makerMerge audioVoice recorderSee all video and audio tools →
MoreAdd text to imageMeme makerCollage makerFavicon generatorWord counterCase converterPassword generatorJSON formatterPercentage calculatorUnit converterTime zone converterQR code scannerQR code generatorSee all design tools →
GuidesVideo downloader

Website asset pack generator

Everything a new website needs from one logo: favicons, Apple and Android icons, a web manifest, a 1200 × 630 link preview image, logo PNGs, social profile images and all the HTML head tags.

Loading tool…

What's in a website asset pack?

Launching a site takes more than a logo. Browsers need favicons, phones need home screen icons, and social networks and chat apps need a 1200 × 630 Open Graph image to show a good-looking preview when your link is shared. Each needs the right HTML tags in your page's <head>.

Add your logo, name, tagline and brand colour, and this tool makes every file plus the head tags, ready to upload. Everything happens in your browser, so your images are never uploaded.

How it works

  1. Add your logo

    Choose a logo image, or use letters or an emoji.

  2. Add name, tagline and colours

    They're used in the link preview image, manifest and meta tags.

  3. Download and upload

    Upload the files to your site and paste the head tags into every page.

Guide

Questions

What is an Open Graph image?

The image shown when your link is shared on Facebook, LinkedIn, X, WhatsApp, Slack and iMessage. The recommended size is 1200 × 630 pixels.

Which meta tags are included?

Favicon and Apple touch icon links, the web manifest, theme colour, title and description, Open Graph tags (type, title, description, URL, image and its size) and the X/Twitter large image card.

Can I use this for WordPress, Shopify or Wix?

Yes. Upload the favicon and Open Graph image in your platform's settings (Site Icon, Social sharing image or SEO settings). The head tags are for sites where you edit the HTML yourself.

How is this different from the favicon generator?

The favicon generator makes only icons. The asset pack adds the link preview image, logo PNGs, social profile and banner images, and full meta tags.