10 Möglichkeiten, die Größe Ihrer Bilder zu reduzieren
Veröffentlicht: 2018-02-15Wir alle möchten eine Website mit hochwertigen Bildern haben, um die Aufmerksamkeit unserer Leser zu erregen, oder?
Wenn Sie eine Seite haben, auf der Sie Dienstleistungen anbieten, ein Produkt verkaufen oder mit einem Blog arbeiten; Sie haben sicherlich Dutzende von Bildern: in den Artikeln, in den statischen Seiten oder den Produkten zum Beispiel.
Wenn wir über Bilder für Websites sprechen, müssen wir nicht nur an die Anzahl der Bilder denken, die wir hinzufügen werden. Wir sollten auch ihre Größe und damit den Platz, den diese Dateien auf dem Server belegen, berücksichtigen.
Aus diesem Grund werden wir in diesem Artikel über zehn Tools sprechen, die wir verwenden können, um die Größe der Bilder zu reduzieren, die wir auf unserer Webseite, unserem Blog oder E-Commerce verwenden.
- 1 · Warum sollten Sie die Größe der Bilder auf Ihrer Site reduzieren?
- 2 · Zehn Tools zum Verkleinern der Bilder für Ihre Website
- 2.1 1) ShortPixel
- 2.2 2) EWWW-Bildoptimierung
- 2.3 3) JPG und PNG komprimieren
- 2.4 4) Kompressor.io
- 2.5 5) Optimizilla
- 2.6 6) WP-Smush
- 2.7 7) Kraken.io
- 2.8 8) Immagify Image Optimizer
- 2.9 9) Photoshop
- 2.10 10) Aufruhr
- 3 · So laden Sie Ihre Bilder auf Mailrelay hoch
- 3.1 Verwandte Beiträge:
· Warum sollten Sie die Größe der Bilder auf Ihrer Site reduzieren?
Bevor ich über jedes dieser Tools spreche, möchte ich Ihnen erklären, wie wichtig es ist, die Größe der Bilder Ihrer Website zu reduzieren.
Heutzutage ist es wichtig, dass die Seiten schnell sind, das heißt, dass sie nur wenige Sekunden zum Laden benötigen (idealerweise weniger als 3 Sekunden).
Die richtige Optimierung der Bilder Ihrer Website ist aus drei Gründen von entscheidender Bedeutung:
- Die Bildgröße beeinflusst die Ladegeschwindigkeit der Website , und wir haben gerade gesehen, wie wichtig eine schnelle Website ist.
- Die Ladezeit ist einer der Hauptfaktoren, die SEO beeinflussen. Eine schnelle Website wird bei Google besser gerankt als eine langsame Website (Ausnahmen kann es immer geben, aber das ist die allgemeine Regel).
- Die Bilder der Website müssen an die Breite der Seite angepasst werden. Um ein Beispiel zu geben, sehe ich oft viele Seiten mit Bildern, die viel größer sind als der verfügbare Platz. Wenn der Platz 300px breit ist, sollte der Administrator kein Bild mit 1000px hochladen. Dies ist ein häufiger Fehler auf vielen Webseiten. Mein Rat ist, die Größe aller Bilder auf Ihrer Website anzupassen.
· Zehn Tools zum Verkleinern der Bilder für Ihre Website
1) Kurze Pixel
Das Ziel dieses Tools ist es, die Leistung unserer Websites zu verbessern und die Größe der Bilder zu reduzieren.
Es ist in einer Webversion und als Plugin für WordPress verfügbar und bietet drei Arten der Fotokomprimierung:
- Verlustbehaftete Kompression. Es ist die beste Option für die meisten Benutzer. Diese Option ermöglicht ein Gleichgewicht zwischen Optimierung und Bildqualität.
- Glänzende Kompression. Es ist die beste Option, wenn Sie ein Tool mit Fokus auf Google Insights suchen, sich aber keine Sorgen um die Ladegeschwindigkeit machen. Diese Option ermöglicht eine akzeptable Komprimierung mit Bildqualität. Je stärker die Datei komprimiert ist, desto mehr wird die endgültige Bildqualität beeinträchtigt.
- Verlustfreie Kompression. Mit der letzten Option können Sie das Bild Pixel pro Pixel im Vergleich zu den Originalbildern komprimieren, bietet jedoch eine viel geringere Reduzierung im Vergleich zu Dateien, die mit den beiden Optionen verarbeitet wurden.
Mit der Webversion von ShortPixel können Sie Bilder in Stapeln von 50 Dateien verkleinern.
Das WordPress-Plugin ist sehr einfach zu bedienen und sehr leicht. Sie müssen es nur installieren und das Plugin komprimiert alle Bilder Ihrer Site sowie Ihre PDF-Dateien mit nur einem Klick.
Außerdem wird die Größe der neu hochgeladenen Bilder automatisch angepasst, ohne dass weitere Maßnahmen erforderlich sind.
Schließlich müssen wir erklären, dass es sich um ein „Freemium“-Tool handelt. Das heißt, Sie können 100 Bilder pro Monat kostenlos komprimieren. Wenn Sie diesen Betrag überschreiten, werden mehrere kostenpflichtige Pläne angeboten.
https://shortpixel.com/
ShortPixel Image Optimizer
2) EWWW-Bildoptimierungstool
Es ist ein Tool, das mit dem Ziel entwickelt wurde, Bilder für Websites zu optimieren, in diesem Fall jedoch auf Websites ausgerichtet, die Shared Hosting verwenden.
Wie bei ShortPixel gibt es beim EWWW Image Optimizer eine Webversion und auch ein Plugin für WordPress sowie mehrere kostenpflichtige Pläne.
Mit dem EWWW Image Optimizer können Sie die Ladegeschwindigkeit Ihrer Seiten erhöhen und alle Bilder auf Ihrer Website optimieren.
Diese Geschwindigkeitssteigerung kann Ihnen helfen, bessere Positionen in den Suchmaschinen zu erzielen und auch die Conversion-Raten zu verbessern (z. B. durch Umsatzsteigerung oder neue Abonnenten).
EWWW Image Optimizer kann alle hochgeladenen Bilder automatisch optimieren. Es kann auch alle Bilder optimieren, die bereits auf dem Server gehostet werden. Außerdem ist es möglich, alle Ihre Dateien in das am besten empfohlene Format zu konvertieren.
Bei den Komprimierungsoptionen können Sie wählen, ob Sie pro Pixel oder hohe Komprimierungsoptionen komprimieren möchten, ohne die Qualität zu verlieren.
https://ewww.io/
EWWW-Bildoptimierungstool
3) Komprimieren von JPG und PNG
Mit diesem Online-Tool können Sie einen Stapel mit bis zu 20 Bildern in JPG und PNG komprimieren.
Die Verwendung ist sehr einfach: Laden Sie die Dateien einfach hoch oder ziehen Sie sie. Wenn sie fertig sind, müssen Sie die komprimierten Bilder nur noch separat herunterladen oder in einer ZIP-Datei komprimieren.
http://compressjpeg.com/es/
4) Kompressor.io
Es ist eines meiner Lieblingstools, wenn ich ein paar Bilder komprimieren muss, um sie auf meine Seiten hochzuladen.
Es ist in Kompressor.io verfügbar und seine Verwendung ist sehr einfach. Sie müssen nur das zu komprimierende Bild laden oder ziehen, warten, bis der Vorgang abgeschlossen ist (es dauert nur wenige Sekunden) und die komprimierten Dateien herunterladen.
Wenn der Vorgang abgeschlossen ist, zeigt Ihnen das Tool auch den Prozentsatz der Komprimierung im Vergleich zum Originalbild an.
Beachten Sie, dass Sie damit Dateien in vier verschiedenen Formaten komprimieren können: JPEG, PNG, GIF und SVG.
5) Optimizilla
Es handelt sich um eine Online-Bildoptimierungssoftware, die eine intelligente Kombination mit verschiedenen Komprimierungsalgorithmen verwendet, um die Größe von Bildern im JPEG- und PN-Format zu reduzieren und die Qualität der Dateien beizubehalten.
Sie können mit bis zu 20 Bildern gleichzeitig arbeiten, die Komprimierung steuern und auch Bilder vergleichen.
http://optimizilla.com/es/
6) WP-Smush
Es ist ein WordPress-Plugin, das ich immer auf meinen Websites installiere. Der korrekte Name dieses Plugins ist Smush Image Compression and Optimization.
Mit diesem Plugin können Sie alle Ihre Bilder in der Größe ändern, optimieren und komprimieren, sowohl die, die Sie importieren als auch die, die Sie vor der Installation des Plugins zu Ihrer Site hinzugefügt haben.
Meiner Meinung nach besteht die beste Funktionalität dieses Plugins darin, dass Sie die Standardbreite und -höhe für alle Ihre Bilder festlegen können. Wenn sie diese Abmessungen überschreiten, verkleinert das Plugin die Dateien automatisch.
Außerdem gibt es eine kostenpflichtige Version mit zusätzlichen Funktionen, wie der Option, mehrere Bilder gleichzeitig zu komprimieren oder ein Backup aller Originalbilder zu speichern.
Smush – Lazy Load Images, Optimieren & Komprimieren von Bildern
7) Kraken.io
Kraken Image Optimizer ist ein Tool, das in einer Online-Version verfügbar ist, aber auch ein Plugin für WordPress oder Magento hat.
Der Hauptvorteil dieses Tools ist für Benutzer, die Folgendes benötigen: Die Bandbreiten- und Speicherplatznutzung verringern, wodurch die Ladezeit der Website verbessert wird.
Mit dem Plugin können Sie Ihre neuen Bilder sowie die bereits auf dem Server gespeicherten Bilder optimieren und skalieren.
Diese Software unterstützt JPEG-, PNG- und GIF-Dateien und die maximale Dateigröße beträgt 32 MB.
https://kraken.io/
Kraken.io Image Optimizer
8) Immagify Image Optimizer
Wie bei anderen vorherigen Tools ist Imagify in einer Webversion und einem Plugin für WordPress verfügbar.
Mit diesem Plugin können Sie: die Ladegeschwindigkeit Ihrer Website verbessern, Zeit bei Bildoptimierungsaufgaben sparen und die Qualität der von Ihnen verwendeten Dateien überprüfen.
Das Plugin kann Ihre WordPress-Bibliothek mit einem einzigen Klick komprimieren und in der Größe ändern und es ist auch mit anderen Optionen wie WooCommerce und NextGen Gallery kompatibel.
https://imagify.io/
Imagify – Optimieren Sie Ihre Bilder und konvertieren Sie WebP
9) Photoshop
Um meine Rezension dieser zehn Tools zum Komprimieren von Bildern abzuschließen, werde ich über zwei Software sprechen.
Wenn Sie gerne in der Adobe-Umgebung arbeiten, bietet Photoshop die Möglichkeit, Bilder für die Verwendung in Websites zu optimieren.
Konkret finden Sie diese Funktion unter „Im Web speichern“ oder „Ins Web exportieren“ und können die Abmessungen, die Qualität und das Format der Bilder auswählen.
Sie müssen nur das Bild Ihren Bedürfnissen anpassen und die komprimierten Dateien herunterladen.
10) AUFSTAND
Schließlich möchte ich über RIOT sprechen, eine Software, mit der Sie die richtige Balance zwischen Qualität und Größe Ihrer Bilder finden können.
Mit diesem Tool können Sie die Qualität der komprimierten Dateien viel schneller überprüfen, da sein Panel in zwei Teile unterteilt ist: einen Bereich mit dem Originalbild und einen anderen mit der optimierten Version, sodass Sie die Unterschiede nebeneinander überprüfen können.
Die Formate ermöglichen die Komprimierung von Dateien in JPG, GIF und PNG. Es kann die Größe der Bilder mit sechs verschiedenen Algorithmen ändern.
· So laden Sie Ihre Bilder auf Mailrelay hoch
Nachdem Sie nun diese zehn Tools zum Komprimieren und Optimieren Ihrer Bilder kennen, möchte ich Ihnen erklären, wie Sie diese Bilder Schritt für Schritt in Ihren Mailrelay-Account hochladen und in Ihre Newsletter aufnehmen.
Das erste, was Sie wissen sollten, ist, dass Mailrelay eine E-Mail-Marketing-Software ist, mit der Sie Newsletter versenden und Ihre Mailinglisten verwalten können. Sie können die Bilder, die Sie verwenden möchten, direkt in Ihr Konto hochladen, aber ich zeige Ihnen, wie Sie dies mithilfe einer CMS-Plattform oder beim Bloggen tun.
In diesem Sinne empfehle ich Ihnen, die Bilder, die Sie in Ihren Newslettern verwenden möchten, extern zu hosten. Jetzt werde ich erklären, wie Sie sie in Ihr WordPress importieren.
Als erstes sollten Sie die Mediengalerie oder den Blog Ihrer Website aufrufen. Hier können Sie alle auf Ihre Site hochgeladenen Bilder verwalten und auch neue Dateien hinzufügen.
Der nächste Schritt besteht darin, Ihre Bilder zu importieren, nachdem sie mit einigen der Tools optimiert wurden, die wir im vorherigen Abschnitt gezeigt haben.
Sie können sie direkt ziehen oder ablegen, indem Sie auf „Neu hinzufügen “ klicken und sie auf Ihrem Computer auswählen.
Nachdem Sie das Bild geladen haben, können Sie es auswählen, um seine Details zu öffnen.
Bewegen Sie den Mauszeiger über das Bild, klicken Sie mit der rechten Maustaste und wählen Sie die Option "Bildadresse kopieren".
Öffnen Sie mit der genauen URL des Bildes Ihr Mailrelay-Konto und erstellen Sie einen neuen Newsletter. Wenn Sie die Nachricht bereits erstellt haben, bearbeiten Sie sie einfach und fügen Sie das Bild ein.
Um es hinzuzufügen, klicken Sie auf die Schaltfläche „Bild“ und Sie sehen den folgenden Bildschirm:
In diesem Fenster können Sie die Eigenschaften Ihrer Bilder verwalten. Um eine neue hinzuzufügen, fügen Sie einfach die Adresse ein, die Sie im vorherigen Schritt kopiert haben. Wenn Sie dies tun, sehen Sie das Bild, das Sie importieren möchten.
Was können Sie die Bildeigenschaften konfigurieren?
- Alternativer Text. Dies ist der Text, den der Benutzer sieht, wenn das Bild nicht richtig geladen wird. Je nach E-Mail-Software kann es vorkommen, dass das Image nicht erfolgreich geladen wird. Wir empfehlen, Ihre Website-URL hinzuzufügen, um Probleme zu vermeiden.
- Größe (Breite und Höhe in Pixel). Hier sollten Sie die Größe Ihres Bildes eingeben. Meine Empfehlung ist, dass es 600px breit nicht überschreitet, damit es auf Smartphones korrekt angezeigt wird. Wenn Sie eine Breite von 400 oder 500 Pixeln verwenden können, wird es sogar noch besser.
- Kante. Rahmengröße in Pixeln. Normalerweise lasse ich dieses Feld leer, aber wenn Sie einen Rahmen hinzufügen möchten, müssen Sie ihn in dieser Option konfigurieren.
- Horizontaler und vertikaler Raum. Sie können den horizontalen und vertikalen Abstand für das Bild in Pixeln konfigurieren.
- Ausrichtung. Wählen Sie die linke oder rechte Ausrichtung des Bildes.
Nachdem Sie es entsprechend dem Design Ihres Newsletters eingerichtet haben, haben Sie ungefähr Folgendes:
Jetzt müssen Sie nur noch auf den Button „Akzeptieren“ klicken, um Ihr Bild in den Newsletter einzufügen.
Ich hoffe, dieser Überblick über 10 Tools zum Komprimieren von Bildern wird nützlich sein. Sie müssen nur die Option auswählen, die Ihren Anforderungen am besten entspricht.
Bevor wir diesen Beitrag beenden, möchte ich betonen, wie wichtig es ist, alle Ihre Bilder zu optimieren, um die Ladezeit Ihrer Website und ihren Rang bei Google zu verkürzen.
Schließlich möchten Sie mit Ihren primären Keywords auf den ersten Seiten sein.