Eventplakat für die Website optimieren
Eine Druckdatei kann viel größer sein als die Darstellung auf dem Handy und trotzdem unlesbar wirken. Erstelle einen eigenen Webexport. Der Bildleitfaden von Jimdo behandelt Ausgangsqualität, Format, Größe, Zuschnitt, Dateiname und Alternativtext; bei Events müssen Termin, Ort und Ticketaktion zusätzlich als Seitentext vorliegen.
Boletolibre-Redaktion
Veröffentlicht
Druckvorlage bewahren und Einsatzorte planen
Bewahre die hochauflösende Druckvorlage. Erstelle eigene Exporte für Karte, Banner, Mobilseite und Linkvorschau. Ein hohes Plakat macht kleine Schrift im breiten Banner oft unlesbar. Entscheide, ob das ganze Plakat oder nur das Motiv nötig ist.
| Einsatz | Entscheidung |
|---|---|
| Eventkarte | Motiv für Wiedererkennung zuschneiden |
| Banner | Platz für Seitentitel lassen |
| Gesamtes Plakat | Vergrößerung oder Download bieten |
| Linkvorschau | Tatsächliche Darstellung prüfen |
Jimdo empfiehlt hochwertige Vorlagen und einheitliche Präsentation; seine Maße sind kein allgemeines Ziel.[1]
Format nach Motiv wählen
Fotos lassen sich oft mit WebP oder AVIF gut komprimieren, gegebenenfalls mit kompatibler Alternative. Bei flächiger Grafik und Schrift PNG, verlustfreies WebP oder sorgfältig aufbereitetes SVG vergleichen. Bereits durch verlustreiche Kompression entfernte Details kehren nicht zurück.[2]
| Motiv | Kontrolle |
|---|---|
| Foto | Gesichter, Verläufe und Dateigröße |
| Grafik mit Schrift | Kanten, Transparenz, Unterstützung |
| Gemischt | Zwei Varianten in Endgröße vergleichen |
Entscheidend sind dargestellte Pixel und übertragene Bytes; Druck-DPI bestimmen nicht allein die Browserbreite. Es gibt keine universelle Pixel- oder Bytegrenze.[3]
Verkleinern und vergleichen
- Originalpixel und Bytes notieren und maximale Darstellungsbreite messen.
- Varianten ohne Verzerrung exportieren; Zuschnitt bei anderem Seitenverhältnis bewusst anpassen.
- Wenn möglich responsive Breiten anbieten, damit Handys kein großes Desktopbild laden.
- Qualität und Dateigröße am Handy und Desktop vergleichen.
- Die ausgelieferte Seite auf Schärfe und Layoutsprünge prüfen.
Responsive Varianten erlauben dem Browser eine passende Datei auszuwählen; feste Bildabmessungen reservieren Platz.[3]
Eventdaten als echten Text anbieten
Datum, Zeitzone, Ort, Preis und Ticketlink dürfen nicht nur als Pixel vorliegen. W3C empfiehlt echten Text und für wesentliche Wörter im Bild eine gleichwertige Alternative. Daten auf der Seite sind oft hilfreicher als ein sehr langer Alternativtext.[5]
- Eventname, Termin, Ort und Kaufaktion als Text und echten Link schreiben.
- Alternativtext nach der Bildfunktion wählen; rein dekorative Bilder passend kennzeichnen.
- Bei sechs Sprachen Text und Alternative übersetzen; Text im Bild übersetzt sich nicht automatisch.
Google empfiehlt beschreibende Dateinamen und hilfreichen Alternativtext ohne künstliche Keyword-Wiederholung.[4]
Vor Veröffentlichung prüfen
| Vorher | Bereit wenn |
|---|---|
| Druckdatei unverändert hochgeladen | Webvariante passt zur Darstellung |
| Kleinschrift mobil unlesbar | Wichtige Angaben stehen als Text |
| Ticketadresse nur im Bild | Funktionierender Link vorhanden |
| Generischer Name oder Alt | Zutreffende Beschreibung vorhanden |
Handy, Desktop und nach Möglichkeit langsames Netz prüfen. Druckvorlage und gewählten Export für spätere Korrekturen behalten.
Quellen und weiterführende Informationen
- How to Optimize Images for Better Web Design & SEOJimdo · Abgerufen
- Choose the right image formatweb.dev · Abgerufen
- Responsive imagesweb.dev · Abgerufen
- Image SEO best practicesGoogle Search Central · Abgerufen
- Images of TextW3C Web Accessibility Initiative · Abgerufen