Bild wird am PC bearbeitet, Bildformat wird angepasst

Hast du schon einmal eine Website ohne jegliches Bild gesehen? Es mag etwas langweilig und unattraktiv klingen, an eine Website zu denken, die kein einziges Foto enthält. Es gibt jedoch einige Websites, die Webdesigns nur mit Text und Farbe verwenden. Du wirst es vielleicht nicht glauben, aber es gibt Seiten, wo es absichtlich gemacht wird, um die Botschaft zu betonen, anstatt die Aufmerksamkeit der Besucher durch Bilder zu erregen. Jedoch die meisten Websites werden mit einem atemberaubenden Bild im Hintergrund und einer schönen Fotocollage erstellt, die im Galeriebereich veröffentlicht werden. Gute visuelle Bilder und Effekte können Ihrer Website zu mehr Traffic verhelfen.

Was hältst du davon, deine Originalfotos zu deiner Website hinzuzufügen? Wenn du dich für Fotografie interessieren, ist es sinnvoll, eine Zusammenstellung deiner großartigen Werke zu haben und stolz auf dich zu sein. Angenommen, du bist ein Unternehmer/in und möchtest einen Online-Shop für hochwertige Stoffe einrichten. Dann wird es Zeit, deinen Kunden zu zeigen, was du sie anbieten kannst. Unabhängig vom Zweck der Erstellung einer Website spielen Bilder eine große Rolle, um deine Website zum Leben zu erwecken.

screenshot aus Strikingly - Bild bearbeiten

Bild aus Strikingly

Hat dich jemand gefragt, welches Bildformat du verwendest, um Fotos auf deine Website hochzuladen? Welche Fotodatei-Typen werden überhaupt akzeptiert?

Sofern du kein Webdesigner vom Beruf bist, wirst du dich für diese Art von technischen Fragen nicht wirklich interessieren. Aber warum müssen wir das beste Bildformat für das Web kennen? Was ist besser zwischen png vs. jpg oder png vs. gif? Welche Qualitäten haben diese Bilddateitypen? Es gibt so viele Faktoren bei Bildformaten, die sich auf die Qualität der Bilder auswirken, die du auf deine Website hochgeladen hast. Wenn du dich einmal mit den Bildformaten vertraut gemacht hast, wirst du beim nächsten Hochladen von Bildern auskennen, wie du vorgehen sollst.

Welche Bilddateitypen gibt es?

Die Frage, welches Bildformat für deine Webseite geeignet ist, hängt auch davon ab, was dir am wichtigsten ist. Machst du dir Gedanken über Transparenz, Speicherplatz, Auflösung, Animation usw.?

• PNG oder (Portable Network Graphics)

Wenn Transparenz eines deiner Anliegen ist, ist PNG das Bildformat für dich. Unter den anderen Rasterfoto-Dateitypen unterstützt es Transparenz. Dies ist die beste Wahl, wenn du an einem komplexeren Bild arbeitest, das einer Bearbeitung unterzogen werden muss. Eine der guten Eigenschaften von PNG ist es, „verlustfrei“ zu sein, d.h. du kannst dieses Bildformat tatsächlich bearbeiten, ohne die Qualität des Bildes zu verlieren.

Wenn du nach einem Bildformat in Webqualität suchst, das es dir erlaubt, dein Bild mit mehr Farben auf einem transparenten Hintergrund speichern zu können, dann ist dies eine der am häufigsten verwendeten und besten Optionen. Es kann bis zu 16 Millionen Farben unterstützen! Beachte nur, dass es eine wesentlich größere Dateigröße als das JPEG-Format annehmen kann, also überprüfe Speicherplatz, bevor du dich für PNG entscheidest. Berücksichtige auch, dass die Größe ebenfalls die Ladezeit deiner Seite beeinflussen kann. Das ist nicht nur unangenehm für deine Besucher, aber es kann den Traffic auf deiner Seite heftig beeinflussen, da viele Suchmaschinen wie Google Website mit langen Ladezeiten bestrafen und diese Seite werden in denen Trefferliste weiter unten erscheinen.

• JPG, JPEG oder (Joint Photographic Experts Group)

Du kannst dich tatsächlich für das JPG- oder JPEG-Format entscheiden, es ist so gut wie dasselbe. JPG ist offensichtlich die gekürzte Version. Es ist eines der beliebtesten Bildformate und das Beste am JPG-Bildformat ist der geringe Platzbedarf auf deinem Speicher. Du wirst erstaunt sein, wie schnell und einfach es ist, deine Datei hoch- oder herunterzuladen. JPG ist ideal für Website-Bilder und Social Media Fotos. Es unterstützt Millionen von Farben und ist ideal für Hintergrundbilder, Produktfotos und Fotos in deiner Website-Galerie.

Bildqualität spielt vor allem auch bei E-Commerce-Websites oder Portfolios eine wichtige Rolle. Produkte sollen das Interesse der Kunden wecken. Eine schlechte Bildqualität eines bestimmten Produkts kann deinen Umsatz wesentlich beeinflussen. Es ist wichtig, Bilder mit hoher Auflösung anzuzeigen, um mehr Kunden zu gewinnen.

• GIF (Graphics Interchange-Format)

Animation ist das Erste, was du über das GIF-Bildformat wissen solltest. Du siehst wahrscheinlich viele davon in Social-Media-Posts und Kommentarbereichen, wenn Leute auf etwas reagieren. Wusstest du, dass GIF schon in 1987 bekannt wurde? Genau wie JPG ist auch GIF ein „verlustfreies“ Bildformat. Dieses Bilddateiformat ist auch wegen der Animationseffekte sehr beliebt und leistungsstark. Website-Seiten mit GIFs wirken lebendiger und interaktiver. GIFs können aber nur bis auf zu 256 Farben aufnehmen. Also, hochwertige Bildqualität aus diesem Bildformat ist nicht zu erwarten. Wenn es um professionelle Darstellung geht, dann könnte ein Video Format geeigneter sein. GIFs wären geeigneter für beispielsweise Blogeinträge, wo du eine Prise Humor streuen willst.

• BMP (Bitmap-Datei)

Im Gegensatz zu JPG und PNG ist die BMP-Datei kein weit verbreitetes Format, sondern nur in besonderen Fällen in Webanwendungen. Dieses Format wird in Webbrowsern selten unterstützt, daher ist es besser, es nicht für deine Website zu verwenden. Es kann mehr Platz beanspruchen als wie bei den oben erwähnten häufig verwendeten Bildformaten.

Konvertieren und Komprimieren

Stellen wir uns nun vor, dass du diesen Artikel gerade erst liest und du hast alle Bilder für deine Website vorbereitet und stellst nun fest, dass das Bildformat deinen Zwecken nicht entspricht. Es könnte auch sein, dass du merkst, dass die Größe deine Dateien immens ist und du auf deiner Website nicht genug Speicherplatz hast oder dass sie nach dem Hochladen nicht mehr so schnell läuft. Keine Panik! Heutzutage gibt es eine Reihe von Programmen, die deine Bilder in ein anderes Bildformat konvertieren können. Andere Programme bieten dir auch die Möglichkeit an, die Größe deiner Bilder zu komprimieren. Der Vorteil ist auch, dass du nicht einmal etwas auf deinem PC installieren musst, der ganze Prozess kann komplett online ablaufen.

Der Nutzer im Vordergrund

Ein anderer wichtiger Punkt, der auf jeden Fall erwähnt werden muss, wenn wir beim Thema Bilder sind, ist die Bildschirmgröße deiner Nutzer und die Pixel-Größe deiner Bilder. Denk darüber nach, dass deine Bilder anders aussehen werden, wenn die auf verschiedene Bildgrößen angezeigt werden. Deshalb ist es wichtig, dass du auf die Höhe und Breite deiner Bilder achtest. Zu kleine Bilder können auf größere Bildschirme verpixelt und unscharf aussehen, was insgesamt einen sehr unprofessionellen Eindruck hinterlässt. Zu große Bilder auf deiner Seite, die über ein Handy angesehen werden, können zu Scrollen führen, was auch ziemlich nervig ist. Deshalb denk darüber nach, welche Geräte deine Endnutzer am ehesten nutzen und führe ein paar Tests durch, um zu sehen, wie deine Seite auf verschiedene Geräte erscheint und pass deine Bilder und Layout entsprechend an.

Welche Bildformate werden vom Strikingly Website Editor unterstützt?

screenshot aus Strikingly - Bild hinzufügen

Bild aus Strikingly

Strikingly Website Editor unterstützt JPG, PNG und GIF als Bildformat. Klicke einfach im Bearbeitungsmodus auf die Schaltfläche „Bilder hinzufügen“ und dann kannst du über die Drag & Drop Funktion, deine Dateien schnell von deinem PC hochladen oder eine Linkadresse zum Hochladen aus dem Internet eingeben.

Im Allgemeinen sind die von uns unterstützten Dateitypen txt, pdf, doc, xls, ppt, pages, key, numbers, wps, jpg, png, gif, mp3, mp4, wav, flac, m4a, docx, xlsx, pptx, odt, odp, epub, zip, zipx, 7z, rar. Wenn der von dir gewünschte Dateityp oben nicht aufgelistet ist, kannst du ihn in eine ZIP- oder RAR-Datei konvertieren. Denke daran, dass die Dateigröße weniger als 10 MB betragen sollte und jeder Plan wie folgt eine Speicherbeschränkung hat:

  1. Begrenzter Plan - 1 GB
  2. Pro-Plan - 3 GB
  3. VIP-Plan - 10 GB

screenshot aus Strikingly - Bild aus der Strikingly Bibliothek aussuchen

Bild aus Strikingly

Füge einfach deine Originalfotos hinzu oder wähle aus der Strikingly-Bibliothek und/oder Stock Images aus, um sie als Hintergrundbild zu verwenden. Du hast drei Optionen für dein Hintergrundfoto – du kannst Bilder, Videos oder Inhaltsblöcke hinzufügen. Mit Strikingly ist das Erstellen deiner persönlichen oder geschäftlichen Website nun ein Kinderspiel. Lade deine letzten Reisefotos in wenigen Minuten in deine Galerie hoch.

Ideen von Strikingly Benutzern

screenshot aus Rosa Villa

Bild aus der Rosa Villa-Website, ein Strikingly Nutzer

Rosa Villa ist eine Bastel-Website, die mit Strikingly erstellt wurde. Der verwendete Bildhintergrund ist ein Foto, das zeigt, wie die eigentliche Bastelarbeit erfolgt. Dies ist eine sehr effektive Strategie, um dein Hobby zu vermarkten, das zu einer Geschäftsmöglichkeit wird. Du siehst, dass die Farben in diesem Bildhintergrund lebendig sind. Welches Bildformat hat der Eigentümer verwendet, um dieses Foto hochzuladen? Glaubst du, es ist PNG oder JPG? Nur die Person, die die Website erstellt hat, kann dir darüber Auskunft geben. Oder für die ganz neugierige und technisch interessierte, mit Chrome kannst du dies über die “Inspect”-Funktion herausfinden.

screenshot aus Zinni Colonna Website

Bild aus der Website von Zinzi Colonna Photographe, ein Strikingly Nutzer

Für eine Fotografie-Website wie Zinzi Colonna Photographe ist das Bildformat eine so große Sache. Es ist wichtig, qualitativ hochwertige Fotos mit einer hohen Bildauflösung und verpixelte Bildern stehen definitiv außer Frage. Dieses Fotocollagen-Layout, das im Abschnitt „Cabinet de curiosite(s)“ eingestellt ist, sieht auf einem transparenten Hintergrund sehr professionell aus. Wenn du auf deine Website Bilder hinzufügst, dann hilft einen sauberen oder transparenten Hintergrund. So sieht deine Website viel professioneller und ästhetischer aus. Ein transparenter Hintergrund betont das Bild und bringt mehr Qualität in Bezug auf die Farben. Nun welches Bildformat wurde zum Hochladen dieser Fotos verwendet? Wusstest du, dass Smartphones und Digitalkameras das JPG-Format verwenden, um deine Fotos zu speichern? Nun, zumindest kannst du sie in verschiedene Bildformate konvertieren, wenn du sie auf deinen PC überträgst. Denk das nächste Mal daran, wenn du beispielsweise weitere Produkte zu deinem Online-Shop hinzufügst oder dich entschieden hast, mit Strikingly eine Portfolio-Site zu erstellen.

Strikingly Home page

Bild aus Strikingly

Wie du jetzt siehst, hat das von dir ausgewählte Bildformat einen großen Einfluss darauf, wie dein Bild aussieht, wenn es auf deiner Seite hochgeladen wird. JPG, PNG und GIF haben ihre eigenen einzigartigen Qualitäten, je nachdem, nach welchen Aspekten du suchst. Es kann der Speicherplatz, die Transparenz oder die Animation die für dich im Mittelpunkt steht.

Hebe deine Website hervor, indem du deine Zuschauer mit hochwertigen Bildern unterhältst. Strikingly bietet dir eine große Auswahl an Vorlagen, Bilder und Layout-Designs, von denen du problemlos auswählen kannst und deiner Website ein Wow-Effekt zu vergeben