Die besten Tipps, die Sie für die Größenänderung von Bildern verwenden können, ohne an Qualität zu verlieren

Ich bin ein neuer Mitwirkender einer auf Musik basierenden Website und mache viele Fotos von Konzerten. Einige meiner Bilder werden zur Verwendung auf ihrer Webseite gedruckt, und ich möchte auch mein Portfolio für die zukünftige Verwendung erstellen. Wie kann ich meine Bilder für beide Zwecke am besten skalieren, ohne die Qualität meiner HD-Kamera zu verlieren?

- angehender Fotograf

Teil 1: Warum müssen Sie die Größe von Bildern ändern, um sie ins Internet zu laden?Teil 2: Wir leben in einer sehr schnellen Welt. Wie lange dauert das Laden Ihrer Website?Teil 3: Grundlagen der BildoptimierungTeil 4: Hier sind die guten Nachrichten, es gibt eine Menge Programme, mit denen Sie Ihre Bilder verkleinern können.Teil 5: SEO - Ja, Suchmaschinenoptimierung ist auch bei Bildern real.Teil 6: Verwenden Sie alle Werkzeuge, die Ihnen zur Verfügung stehen.

Teil 1: Warum müssen Sie die Größe von Bildern ändern, um sie ins Internet zu laden?

Mobiltelefone und Digitalkameras von heute verfügen über die Fähigkeit, in so hoher Auflösung zu schießen, dass diese Dateien oft viel Platz beanspruchen und von so vielen Formaten sind, dass sie nicht immer für die Websites geeignet sind, auf die Sie sie hochladen möchten. Häufig haben Websites eine Standard-Autokorrektur für die Bildgröße. Wenn dies nicht der Fall ist, müssen Sie die Größe der Bilder ändern, um sie an das Design der Website anzupassen, zu der Sie das Bild hochladen.

Wenn Sie ein Bild darüber erstellen möchten, was passieren könnte, wenn Sie die Größe des Fotos nicht ändern und es auf eine Website hochladen, die die Dateigröße nicht automatisch ändert, kann das Bild auf der veröffentlichten Website die gesamte Seite und den auf derselben Seite gefundenen Text einnehmen Man könnte es so sehen, dass es für den Leser schwer zu lesen wäre, anstatt dass es als schön gestalteter Absatz erscheint.

Als Content-Ersteller haben wir alle gelernt, dass das Erstellen einer Seite mit unterstützenden Bildern das Erlebnis angenehmer macht. Sogar winzige kurze Artikel haben mindestens ein Foto, das das Dokument stützt, wohingegen längere Arbeiten mit mehreren Fotos, die mehrere Kapitel voneinander entfernt sind, besser unterstützt werden.

Die Größenänderung eines Fotos ist jedoch nicht so einfach wie das Ändern des Prozentsatzes, in dem das Foto vorhanden ist, da dies die Qualität Ihres Bildes beeinträchtigen könnte. Deshalb ist es ratsam, mehr darüber zu erfahren, um die besten Uploads der Fotos zu erstellen, die Sie veröffentlichen möchten.

Teil 2: Wir leben in einer sehr schnellen Welt. Wie lange dauert das Laden Ihrer Website?

Nehmen wir an, Sie sind Inhaber oder Angestellter einer Website und verbringen Stunden damit, Inhalte für Ihre Nutzer zu entwickeln, und Sie arbeiten hart daran, Webseiten zu erstellen, die Ihre unglaublichen Texte und perfekt zusammengestellten Fotos zeigen, aber wenn Ihr Benutzer auf die Zurück-Schaltfläche klickt bevor Ihre Seite überhaupt geladen wird, was wäre dann der Punkt aller Ihrer Bemühungen gewesen?

Wussten Sie, dass, wenn das Laden einer Webseite mehr als 3 Sekunden dauert, Studien ergeben haben, dass 40% Ihrer Besucher gehen wird? Es sieht zwar nicht nach einer langen Zeit aus, aber bei Benutzern, die schneller klicken, werden alle 3-Sekunden für immer angezeigt. Lassen Sie uns auch nicht die Tatsache abschweifen, dass einige Ihrer Benutzer wahrscheinlich mit Internetverbindungen arbeiten, die möglicherweise langsamer sind als Ihre eigenen. Stellen Sie sich also vor, wie lange es dauern würde, bis Sie Ihr Foto in massiver Größe hochladen können.

Diese großen Bilder stören nicht nur die Benutzererfahrung, sondern sie fressen auch die Bandbreite des Kontos ein, das Ihre Website hostet. Natürlich gibt es Sites, die unbegrenzten Speicherplatz bieten, aber eine Reihe erstklassiger Sites bietet Ihnen etwa 10GB Speicherplatz. Wenn Sie nicht auf die Dateigrößen der Fotos achten, die Sie hochladen, ist Ihr 10GB weg, bevor Sie es wissen.

Teil 3: Grundlagen der Bildoptimierung

Es gibt einige Optimierungsmöglichkeiten, die einem beim Bearbeiten von Bildern zur Verfügung stehen. Die gängigsten sind Dateigröße und Bildtyp, es gibt jedoch auch mehr technische Aspekte wie das Ändern von Abmessungen und Bildkomprimierungen. Werfen wir einen kurzen Blick auf einige ihrer Unterschiede.

Dateityp - Die Dateitypen werden normalerweise im JPEG- oder PNG-Format gespeichert. Oder GIFs, wenn das Bild eine Animation benötigt. Tatsächlich sind GIFs sehr populär geworden, und wir sehen immer mehr von ihnen überall.

Für den Benutzer ist es unerheblich, welche dieser Dateitypen Sie verwenden, da alle Browser in der Lage sind, alle oben genannten Dateitypen anzuzeigen. Sie als Ersteller können jedoch je nach dem, was dem Benutzer und Ihnen selbst am besten dient, die richtige Wahl treffen. Hier sind ein paar grundlegende Faustregeln, denen man folgen kann:

JPEG - JPEGs werden am häufigsten zum Speichern von Bildern verwendet. Da sie jedoch Bilder mit viel kleineren Dateigrößen erstellen, werden einige Pixel im Foto in Pixel nebeneinander gebündelt. Normalerweise sind diese Transformationen jedoch für das Auge kaum sichtbar, weshalb sie häufig für Bilder verwendet werden, die Menschen, Orte oder Dinge enthalten.

PNG - PNG-Dateien behalten die ursprüngliche Bildqualität bei und alle Pixel der Bilder bleiben erhalten, ohne dass sie zu Bündeln zusammengefasst werden. Verwenden Sie dies am besten für Bilder mit Logos, Screenshots und Grafiken mit transparentem Hintergrund. Beachten Sie jedoch, dass diese Bilder größer sind als JPEG-Bilder.

GIF - GIFs werden für Bilder mit Animation verwendet.

Bildmaße. Haben Sie sich jemals gefragt, wie lange es dauern kann, bis ein kleines Bild heruntergeladen wird? Dies geschieht, wenn der Ersteller direkt mit seiner Digitalkamera hochlädt, ohne sich die Größe des Bildes auf ein Bild zu ändern, das zu der Site passt, auf die er das Bild hochlädt. Denken Sie daran, dass Digitalkameras, selbst Mobiltelefone, heutzutage von so guter Qualität sind, dass diese Dateien sehr groß sein könnten!

Internetbrowser können manchmal Fotos verkleinern, um sich gut in die Seiten einzufügen, die ein Benutzer anzeigt. Wenn Sie ein Miniaturbild oder sogar ein Bild in voller Größe betrachten, sehen Sie mit hoher Wahrscheinlichkeit ein Foto, das ursprünglich ein massives 12-Megapixel-Bild gewesen sein könnte. Es ist jedoch sehr wichtig zu wissen, ob Ihr Browser oder Ihre Website Ihre Fotos automatisch verkleinert. Wenn dies nicht automatisch der Fall ist, benötigen Sie ein Programm wie Adobe Photoshop oder PhoneDog, um Ihre Fotos zu komprimieren, damit Ihre Benutzer mehr Zeit für die Anzeige Ihrer Inhalte haben.

Bildkompression - Es gibt eine Funktion, die verlustbehaftete Bildkomprimierung genannt wird, und dies reduziert die Größe Ihrer Bilder mehr als alles andere. Ein weiterer großer Vorteil ist, dass Sie so viel Platz sparen können, während Ihr Bild kaum darunter leidet, wenn man bedenkt, dass die Bildqualität nur geringfügig verändert wird. Fotobearbeitungssoftware Photoshop verfügt über eine Funktion namens Save for Web, die wahrscheinlich eine der am häufigsten verwendeten Optionen bei der Bildkomprimierung ist. Es gibt jedoch andere Tools, mit denen Sie weitere 40% komprimieren können, ohne dabei die Qualität zu beeinträchtigen, zumindest nicht für das menschliche Auge.

Teil 4: Hier sind die guten Nachrichten, es gibt eine Menge Programme, mit denen Sie Ihre Bilder verkleinern können.

Sehen Sie sich unten einige Programme an, mit denen Sie Ihre Bilder weiter optimieren können.

ImageOptim - ImageOptim wird in Verbindung mit Mac OS X verwendet und ist ein kostenloses Desktop-Tool, das häufig zum Komprimieren von PNG-Dateien verwendet wird, bevor diese online hochgeladen werden. Diese Dateien sind zwar per Drag & Drop benutzerfreundlich, müssen jedoch nacheinander bearbeitet werden.

ImageAlpha - Ebenfalls von Mac OS X verwendet wird ein verlustbehafteter PNG-Kompressor, der das Komprimieren von PNG-Bildern und das Verkleinern von Dateien beherrscht, indem alle unnötigen Daten aus PNGs, JPEGs und GIFs entfernt werden.

FoneDog - FoneDog ist eine weitere Lösung, um Ihre Bilder ohne Qualitätsverlust komprimieren zu müssen. Sie bieten außerdem Funktionen für Mac OS X und Windows und können Sie dabei unterstützen, Ihre Site mit weniger Bandbreite und Ihren Computer mit weniger Festplattenspeicher zu betreiben. Sie bieten auch ihre Dienste kostenlos an und Sie können mit einem einzigen Befehl bis zu 20-Images gleichzeitig konvertieren.

JPEGmini - Dies kann sowohl unter OS X als auch unter Windows verwendet werden und verfügt über eine Lite-Version, mit der Sie täglich bis zu 20-Images kostenlos skalieren können. Wenn Sie 21 oder mehr Bilder pro Tag für eine Gebühr von $ 19.99 optimieren müssen, können Sie so viele Bilder bearbeiten, wie Sie möchten.

TinyPNG - Trotz seines Namens kann TinyPNG auch JPEGs optimieren. Sie sind eine Online-Site, mit der Sie Dateien oder Fotos durch Drag & Drop mit einer Beschränkung auf 20-Bilder für Dateien komprimieren können, die 5MB oder kleiner sind und alle gleichzeitig optimiert werden können. TinyPNG bietet monatlich kostenlose 500-Optimierungen an. Sollten Sie innerhalb dieses Zeitraums mehr als das optimieren müssen, können Sie sich dafür entscheiden, $ .002 - $ .005 pro Foto zu zahlen, je nachdem, wie viele Sie optimieren müssen.

Kraken.io - Kraken ist eine der beliebtesten Online-Sites, auf der Sie Fotos mit Hilfe ihres Dienstes optimieren können, auch wenn diese nicht ganz so kostenlos sind wie die anderen. Ihr Angebot ist, dass Sie Bilder hochladen können, die nicht mehr als 1MB sind. Für alles, was darüber hinausgeht, wird eine Gebühr erhoben. Sie verfügen jedoch über ein WordPress-Plugin, das für Abonnenten verfügbar ist. Sie können Ihre Fotos automatisch optimieren, wenn Sie sie in die Mediengalerie hochladen. Wenn Ihre Bilder jedoch eine andere Dateigröße haben als 1MB, können Sie ihren Micro-Plan abonnieren, mit dem Sie 500MB von Images für $ 5 pro Monat optimieren können, oder Sie können den Enterprise-Plan für einen umfangreichen 60GB von abonnieren Bilder für einen coolen $ 70 im Monat.

EWWW Image Optimizer - Dies ist für diejenigen, die nicht bereit sind, das Geld für das Abonnieren der beliebtesten Websites auszugeben und sich nicht so viel Zeit für die manuelle Optimierung von Bildern leisten können. Sie haben jedoch ein Premium-Angebot, das Sie für ein Abonnement in Rechnung stellt, das verlustbehaftete Komprimierungen ausführt, im Gegensatz zu ihrem kostenlosen Angebot, das verlustfreie Komprimierungen optimiert.

Teil 5: SEO - Ja, Suchmaschinenoptimierung ist auch bei Bildern real.

An diesem Punkt ist uns sehr klar, wie die Optimierung eines Bildes Wunder für Ihre Webseiten bewirken kann, aber wussten Sie, dass Ihre Fotos und Bilder auch bei der Suchmaschinenoptimierung hilfreich sind?

Ja, Sie können entscheiden, welchen Titel Sie für die hochgeladenen Fotos verwenden möchten, welche Dateigröße, welche alternativen Texte Sie den Fotos zuweisen, wie relevant das Foto für das Thema ist, wo Sie das Foto hochgeladen haben, und weitere Details zu Ihrem Foto wird zu Ihrer SEO beitragen.

Sehen wir uns eine Liste an, wie Sie die besten Bilder für Ihren Artikel erstellen können.

Tipp #1 - Haben Sie ein Bild ausgewählt, das zu Ihrem Thema passt? Wenn Sie beispielsweise über einen Kurzurlaub auf einer Insel schreiben, wäre es wirklich sinnlos, ein Foto eines Supermarktes zu zeigen. Natürlich möchten Sie ein Foto von einem Strand mit blauem Himmel und klarem Wasser zeigen, oder? Denken Sie daran, dass ein richtig ausgewähltes Bild den Betreff Ihres Beitrags unterstützen sollte und dabei helfen soll, das hervorzuheben, worüber Sie schreiben, um eine bessere und verbesserte Erfahrung für den Benutzer zu schaffen. Möglicherweise möchten Sie auch daran denken, dass nicht jedes Foto, das Sie hochladen, ein Foto sein muss, das Sie aufgenommen haben. Tatsächlich nehmen viele Blogger Bilder aus dem Internet und hängen sie an ihre Beiträge an. Achten Sie jedoch darauf, dass Sie den Fotografen gutschreiben oder einen Link zum Originalfoto hinzufügen.

Tipp #2 - Wie in Teil 3 dieses Artikels beschrieben, wissen wir, dass es Dateitypoptionen gibt, aus denen wir wählen können. Lassen Sie uns nun einige der Tipps berücksichtigen, die wir zuvor gelernt haben, um den besten Dateityp für Ihren Artikel auszuwählen. Im Allgemeinen sind JPEGs die erste Wahl, da sie im Vergleich zu PNG-Dateien kleinere Dateien sind. Dies sollte jedoch nicht der einzige Faktor sein, der bei der Auswahl des Dateityps berücksichtigt wird. Es sollte auch beachtet werden, dass es Fälle gibt, in denen PNGs tatsächlich kleiner sind als JPEG, und aus diesem Grund sollte man wirklich die Möglichkeiten ausloten, um zu lernen, welche für Ihren Beitrag wirklich besser geeignet ist.

Tipp #3 - Bilder sind nicht die einzigen Arten von Bildern. Seiten, die Bilder, Zeichnungen, Diagramme, Illustrationen, GIFs, Screenshots, Infografiken und andere Bilder enthalten, können eine Seite als Ganzes attraktiver machen. Durch das Aufrütteln und Hinzufügen überraschender Bilder wird die Seite für den Benutzer attraktiver und hält ihn oder sie zurück.

Tipp #4 - Nehmen Sie sich Zeit, um Ihre Fotos entsprechend zu benennen. Sie werden feststellen, dass digitale Geräte Ihre Fotos automatisch benennen. Auch wenn daran nichts auszusetzen ist, hilft es nicht gerade bei der Suchmaschinenoptimierung von Fotos. Wenn Sie das Beispiel fortsetzen, in dem Sie einen Artikel über einen Kurzurlaub auf einer Insel schreiben, wäre es dann wichtig, wenn Ihr Hauptheader-Image den Dateinamen DCS8971 hätte, was für SEO oder einen Benutzer nichts bedeutet. Anstatt es so zu belassen, nehmen Sie sich die Zeit, Ihr Foto mit einem Namen umzubenennen, der mehr mit SEO zu tun hat, wie zum Beispiel best-beach-island-vacation.jpeg. Diese Keywords müssen ebenfalls auf natürliche Weise angezeigt werden und die Bindestriche zwischen den Keywords enthalten, da diese Bindestriche von Google als Leerzeichen gelesen werden. Sobald Ihre Bilder gemäß Ihrem Artikel benannt wurden, sind sie für Google leichter zugänglich und tragen natürlich zu einer besseren Sichtbarkeit bei.

Tipp #5 - Wissen, wann und wann keine Bildunterschriften verwendet werden und wie diese richtig verwendet werden. Eine gute Faustregel wäre, Ihre Bilder nur dann mit einer Bildunterschrift zu versehen, wenn sie wertvolle Informationen liefern. Denken Sie daran, dass Leser Ihre Seite scannen und Ihre Fotos betrachten. Wenn Untertitel vorhanden sind, lesen Ihre Leser diese Untertitel. Stellen Sie sicher, dass Sie diese Gelegenheit nutzen, um ihre Aufmerksamkeit zu behalten, indem Sie ihnen eingängige Informationen geben.

Tipp #6 - Stellen Sie sicher, dass Sie diese Bilder dort ablegen, wo sie hingehören. Auf einer Seite voller Text und Anzeigen und so weiter, hilft ein schlechtes Bild nicht dazu, dem Benutzer ein großartiges Erlebnis zu bieten. Denken Sie also immer daran, dass statt der Aufgabe, so viele Fotos wie möglich zur Unterstützung des Artikels hochzuladen, die hochgeladenen Fotos stattdessen in der Nähe der Informationen zu finden sind, die das Foto unterstützt.

Teil 6: Verwenden Sie alle Werkzeuge, die Ihnen zur Verfügung stehen.

Da es keinen besseren Zeitpunkt gibt, um Ihre Bilder zu optimieren, werden Sie ab gestern sicherlich besser dazu beitragen, dass Benutzer Ihre Seiten anzeigen, ohne dass Sie ständig warten müssen, um nur ein einziges Bild herunterzuladen. Zwar sind Internetgeschwindigkeiten viel schneller als früher, insbesondere mit dem Aufkommen von Glasfaserkabeln und dergleichen, aber man muss auch bedenken, dass nicht jeder eine schnelle Internetverbindung hat und diejenigen, die dies tun, möglicherweise nicht die Geduld haben Sie möchten, dass sie über die Möglichkeit verfügen, Ihre hochauflösenden Bilder anzuzeigen.

Allerdings ist die Optimierung Ihrer Bilder für die Seiten, auf denen sie gefunden werden, die beste Wahl, und Sie erhalten die Klicks, Likes und Views, auf die Sie abzielen. Auch wenn dies nicht Ihre Ziele sind und Sie es vorziehen, dass Ihre Seite privat ist, bleibt die Optimierung ein entscheidender Faktor für Ihre persönliche Benutzererfahrung. Zeit ist Geld und niemand wird ewig warten, nur um ein Foto herunterzuladen zu sehen, vor allem, wenn er nicht einmal weiß, worauf er wartet und ob es funktioniert.

Achten Sie auf Ihre Bildgröße und stellen Sie sicher, dass Sie die prozentuale Größe ändern und anpassen, insbesondere wenn Sie Fotos verwenden, die von Digitalkameras und Mobiltelefonen mit hoher Auflösung stammen.

Nutzen Sie die zur Verfügung stehenden Werkzeuge. Es steht Ihnen schließlich zur Verfügung und sie haben es sicherlich für jedermann leicht gemacht, Zahlungsmöglichkeiten und -optionen sowie kostenlose, wenn auch begrenzte, Berechtigungen für die Optimierung Ihrer Fotos zu nutzen.