Voeg je logo en een paar gegevens toe voor elk icoon, een deelafbeelding en de headtags in één .zip. Je krijgt favicon.ico, de PNG- en Apple-iconen, een webmanifest, een deelafbeelding van 1200 bij 630 en de headtags om te plakken. Je afbeelding verlaat dit apparaat nooit. Het is gratis.
Hoe je je iconen en tags maakt, stap voor stap
- Kies een Logo of afbeelding, of zet het op de pagina neer. Een vierkant logo van 512 px of groter werkt het best.
- Kies de stijl van de Deelafbeelding: Logo op kleur of Hele foto.
- Vul de Sitenaam, Paginatitel, Beschrijving, Paginaadres en X-handle in.
- Kies de Achtergrondkleur en de Themakleur, die de balk van de telefoonbrowser kleurt.
- Controleer het voorbeeld van de deelkaart en de iconen.
- Druk op .zip downloaden en HTML kopiëren.
- Upload de bestanden naar de bestandenmap en plak dan de tags in de head van je pagina's.
Wat er in het pakket zit
favicon.ico bevat iconen van 16, 32 en 48 pixels voor elke browser. favicon-16.png en favicon-32.png zijn de scherpe versies die moderne browsers gebruiken. apple-touch-icon.png is voor het beginscherm van iPhone en iPad en de Android-iconen plus site.webmanifest worden gebruikt als iemand je site installeert. og-image.png is de afbeelding die wordt getoond als je link wordt gedeeld en head.html heeft elke tag klaar om te plakken.
Een goede deelafbeelding krijgen
Chat-apps en sociale sites tonen de afbeelding op ongeveer 1200 × 630 en snijden of verkleinen hem dan voor kleinere kaarten, dus houd de titel kort en het logo duidelijk. De stijl Logo zet je logo op de achtergrondkleur naast de titel. De stijl Foto vult de kaart met je afbeelding en zet de titel over een zachte schaduw, wat het best werkt voor brede foto's. Deelafbeeldingen hebben een volledig https://-adres nodig, dus vul het paginaadres in.
Controleren of het werkt
Open nadat je de bestanden hebt geüpload je pagina en bekijk de bron om de tags te zien. Veel sites bewaren deelkaarten in de cache, dus als er nog een oude afbeelding verschijnt, voeg dan een versie toe aan het afbeeldingsadres, zoals og-image.png?v=2, of vraag de linkvoorbeeldtool van het platform de pagina opnieuw op te halen.
Tips
- Gebruik een eenvoudig logo dat op 16 pixels duidelijk blijft.
- Kies een achtergrondkleur die bij je huisstijl past.
- Schrijf een korte beschrijving waardoor mensen willen klikken.
- Controleer je pagina daarna met de websitescan voor de lancering.
Zie voor een uitgebreidere set tags, zoals robots en artikelgegevens, de metatag-generator, en voor alleen een icoon de favicon-generator.
Wie gebruikt het
Mensen die een persoonlijke site, een portfolio, een winkel of een pagina voor een klein bedrijf lanceren, en ontwikkelaars die elk icoon en deelbestand in één keer willen maken.
Vragen
Waar zet ik de bestanden neer?
Upload alles uit de .zip naar de bestandenmap van je site en plak de tags dan in de head van je pagina's.
Heb ik alle iconen nodig?
Met de volledige set ziet je icoon er goed uit in browsers, op het beginscherm van telefoons en wanneer je site is geïnstalleerd.
Wordt mijn logo geüpload?
Nee. Alles wordt in je browser gemaakt.