2 kostenlose Tools zum Vorbereiten von Bildern für das Web [Mac]

Eine Möglichkeit, Ihre Worte aufzufrischen, ist das Hinzufügen von verwandten Bildern zum Text. Je mehr und bessere Bilder Sie verwenden, desto schärfer werden Ihre Geschichten. In Bezug auf Webseiten und Blogs entsprechen mehr Bilder jedoch auch größeren Seitengrößen und längeren Ladezeiten - etwas, das jeder Webbesitzer vermeiden sollte. Wenn das Entfernen der Bilder keine Option ist, müssen Sie sie nur noch für das Web optimieren.

Leider ist das Optimieren von Bildern für die Verwendung im Internet nicht immer ein Spaziergang im Park, insbesondere wenn Sie regelmäßig mit vielen davon arbeiten müssen. Wenn Sie ein Mac-Benutzer sind, stehen Ihnen mehrere kostenlose Tools zur Verfügung, mit denen Sie die Vorbereitung von Web-Bildern auf ein Minimum reduzieren können.

Die Bilder erwerben

Ich gehe hier nicht zu weit, da das Thema bereits mehrmals diskutiert wurde. Es gibt viele Möglichkeiten, Bilder für das Internet zu erstellen, z. B. das Erstellen eigener Bilder mit einer Digitalkamera. Ein Leitfaden für Anfänger zur Digitalfotografie Ein Leitfaden für Anfänger für Digitalfotografie Die Digitalfotografie ist ein großes Hobby, aber auch einschüchternd. In diesem Anfängerhandbuch erfahren Sie alles, was Sie wissen müssen, um zu beginnen! Weitere Informationen finden Sie unter Verwendung von Creative Commons-lizenzierten Bildern, um die Erfassung von Bildern auf Ihrem Desktop zu prüfen.

Apropos Bildschirmaufnahme: Es gibt mehrere kostenlose Mac-Tools. 5 Alternative Bildschirmaufnahme-Tools für Ihren Mac 5 Alternative Bildschirmaufnahme-Tools für Ihren Mac Lesen Sie mehr, die Sie zu diesem Zweck verwenden können. Ich persönlich verwende entweder Jing, wie man ein besseres Screenshot-Bild mit Jing (Mac) aufnimmt, wie man ein besseres Screenshot-Bild mit Jing (Mac) macht, Read More oder Skitch.

Größe ändern und mit ResizeMe umbenennen

In der Regel erhalten Sie beim ersten Mal nicht die richtige Größe der Bilder - entweder die Bildgröße (Pixel) oder die Dateigröße (Byte)..

Die Einschränkung für die Bildgröße ergibt sich in der Regel aus gestalterischer Sicht. Sie sollten kein 600 Pixel breites Bild in eine 500 Pixel breite Blog-Spalte einfügen. Es wird die Grenze verlassen und das Aussehen hässlich machen.

Um das Pixelproblem zu lösen, können Sie die übergroßen Bilder entweder zuschneiden oder deren Größe ändern. Ich habe ein großartiges Werkzeug namens ResizeMe gefunden, mit dem Sie diese Aufgaben erledigen können - und vieles mehr - in großen Mengen.

Die Verwendung von ResizeMe ist so einfach wie das Ziehen und Ablegen von Bildern, die Sie ändern möchten, in die Dateiliste.

Wählen Sie die Aktion (en) aus, die Sie auf diese Bilder anwenden möchten. Im Bild unten habe ich die Aktion so eingestellt, dass jedes Bild, das breiter als 580 Pixel ist, verkleinert wird, ohne die Höhe zu ändern. Ich habe auch die Aktion so eingestellt, dass kein Bild mit einer Breite geändert wird, die kleiner als die maximale Breite ist.

Mit der App können Benutzer Bilder auch auf die gewünschte Größe zuschneiden. Das Zuschneiden von sehr großen Bildern in mehrere kleinere ist günstiger als die Größenänderung, da durch die Größenänderung meistens die Bildqualität beeinträchtigt und das Bild unklar wird.

Wenn Sie für jeden Blogartikel, den Sie schreiben, mehrere Bilder verwenden, ist es besser, wenn Sie den Satz organisieren, indem Sie den Namen ähnliche Schlüsselwörter hinzufügen. Zum Beispiel könnten Bilder für einen Artikel über Screenshot-Tools in umbenannt werden “scrnsht - image1“, “scrnsht - image2“, und so weiter.

Sie können die Hilfe von Automator verwenden, um Bilder im Stapel umzubenennen. So verwenden Sie Automator zum Umbenennen von Bildern auf einem Mac. So verwenden Sie Automator zum Umbenennen von Bildern auf dem Mac NameChanger Batch Umbenennen Sie Ihre Dateien einfach - Mac-Stil (nur Mac) Batch Umbenennen Sie Ihre Dateien leicht - Mac-Stil (nur Mac) Lesen Sie weiter. Wenn Sie keine anderen Anwendungen verwenden möchten, verfügt ResizeMe auch über eine Funktion zum Umbenennen von Dateien. Wählen Sie einfach eine Funktion aus der Liste aus, überprüfen Sie die “Umbenennen” und notieren Sie sich die Instanzen, die Sie umbenennen möchten.

Eine andere Größenänderung mit ImageOptim

Ein weiterer Größenfaktor, mit dem wir uns befassen müssen, ist die Dateigröße. Wir benötigen kleinere Bildgrößen, während die Bildqualität erhalten bleibt. Die meisten riesigen Bildmanipulatoren können Bilder webfähig machen. Wenn Sie jedoch nur die Größe komprimieren müssen, können Sie ImageOptim verwenden.

Ähnlich wie bei ResizeMe ist die Verwendung von ImageOptim auch per Drag & Drop einfach. Alle Bilder, die Sie in der App ablegen, werden automatisch auf die kleinstmögliche Größe optimiert, ohne die Qualität zu beeinträchtigen. Es macht den Zauber, indem es die besten Kompressionsparameter findet und unnötige Kommentare und Farbprofile entfernt.

Die Prozent-Spalte zeigt an, wie viel Aufblähung die App aus den Bildern entfernen kann. Der Perfektionist kann das benutzen “Nochmal” Klicken Sie auf diese Schaltfläche, um ein wenig mehr aus der Bildgröße herauszudrücken. Sie können die Taste mehrmals drücken, bis in der prozentualen Spalte 0% angezeigt wird..

Beim Vergleich der Ergebnisse sehen wir, dass ImageOptim seine Arbeit gut macht. Manchmal können mehr als 50% des Bildgewichts eingespart werden.

Dies ist vor der Verwendung von ImageOptim.

Und das ist danach.

Obwohl die Zahl jeweils nur ein paar Kilobyte-Verlust an Bildgröße entspricht, können diese kleinen Kilobytes, wenn Sie alles addieren, etwas zur Gesamtgröße und Bandbreite der Site beitragen.

Was mir an dieser App gefällt, ist, dass sie mit einem Workflow ausgestattet ist. Wenn Sie den Workflow mit Automator öffnen und speichern, wird er in einen Mac-Dienst umgewandelt. Da Sie Verknüpfungen zu Diensten zuweisen können So können Sie auf dem Mac mit Hilfe der Services produktiver sein. Wie Sie auf dem Mac mithilfe von Hilfe der Dienste Weitere Informationen produktiver sein können, können Sie die App schneller verwenden, indem Sie einfach Bilder auswählen und die Verknüpfung auswählen Kombination.

Aus meiner persönlichen Erfahrung kann ich sagen, dass die Kombination von ResizeMe und ImageOptim mir dabei geholfen hat, viel Zeit bei der Vorbereitung von Bildern für die Webnutzung zu sparen. Aber nehmen Sie nicht mein Wort, probieren Sie es selbst aus und teilen Sie Ihre Meinung in den Kommentaren unten mit. Und wenn Sie Ihre eigenen Favoriten haben, können Sie diese auch freigeben.

Erfahren Sie mehr über: Blogging, Bildbearbeitung, Webmaster-Tools.