Tiny jpg & tiny png

Would you like to optimize your pngs and jpgs without quality loss?

All I can do is recommend you to use tiny jpg or tiny png.

Go to tinyjpg.com or tinypng.com and judge for yourselves!

Möchtest du deine pngs oder jpgs in der Grösse reduzieren ohne Qualitätsverlust?

Da kann ich dir nur empfehlen tiny jpg oder tiny png zu versuchen.

Klick einfach auf den Link zu tinyjpg.com oder tinypng.com und versuch es selber!

Aber wie funktioniert das ganze?

Wenn man ein 24-Bit PNG (Portable Network Graphics) laden möchte, werden ähnliche Farben kombiniert. Diese Technik nennt sich ““quantization” in Englisch. Nicht nur dass man damit ohne Probleme auf 8-Bit reduzieren kann und unnötige Metadaten eliminiert, die Qualität sieht genau gleich gut aus und lässt sich auf Webseiten schneller laden.

Bei jpgs (Joint Photographic Experts) funktioniert es folgendermassen: wenn man ein JPEG laden möchte, wird das Bild analysiert. Strukturen, Muster und Farben werden automatisch identifiziert. Der Encoder komprimiert das JPEG basierend auf diesen Informationen. Zusätzlich werden auch unnötige Metadaten eliminiert.

Viel Spass mit ausprobieren!

Best regards, Miriam

Illustration by Miriam Selmi Reed for syrup clothing optimized with tinypng.com
Advertisement

Cool free photos

English version:
Below please find my favourite image websites I love to use.
Most of them are even for FREE!

Personally, I’m against the “all is free” mindset but, our society and “zeitgeist” has changed over the past 10 years… so if I use a free image, I either mention the photographer (give credit and a like) or pay a donation. Even a small amount can help.
Our work for i-adobe is for free as well – but any small donation or eBook sale helps that we can continue sharing our tips & tricks with you.

TIP: Images from the web are always 72 dpi and very large in size!
So it makes sense to adjust it. Step-by-step guideline: Photoshop Resolution dpi

Deutsche Version:
Unten findest du meine Lieblings-Webseiten für Fotos/Bilder.
Viele davon sind GRATIS!

Eigentlich passt mir diese “Gratis-Mentalität” nicht, denn wir alle müssen Rechnungen bezahlen.
Doch leider ist es heutzutage unser “Zeitgeist”… d.h. wenn ich ein Gratis-Bild benutze, erwähne ich den Namen des Fotografen oder bezahle etwas dafür. Auch einen kleinen Betrag kann helfen.
Auch unsere Arbeit für i-adobe ist gratis – aber auch wir sind froh um jede Spende oder eBook Verkauf, damit wir euch weiterhin mit Tipps unterstützen können.

Fotos vom Internet sind immer 72 dpi und sehr gross (Breite X Höhe)! TIPP: Darum macht es Sinn, dies anzupassen. Schritt-für-Schritt-Anleitung: Photoshop Auflösung dpi

UNSPLASH: unsplash.com / free images

PEXELS: Pexels.com / free images

PIXABAY: pixabay.com / free images

FREERANGESTOCK: freerangestock.com / free images

SKITTERPHOTO: skitterphoto.com / free images

FREEPIK: freepik.com / free images

Cool Fonts

English version:
Below please find my favourite font Links I love to use. Some of them are even for free.
Most important: always package your Indesign and Illustrator file to make sure your fonts get saved together with all your links in one folder.
More info on this topic: package Indesign files

Deutsche Version:
Unten findest Du meine Favoriten-Schriften-Webseiten die ich mag. Einige bieten gute gratis Schriften an. Sehr wichtig: wenn man eine Datei verschickt, diese verpacken, damit die Indesign oder Illustrator Datei – zusammen mit den Schriften und Bilder – in einem Ordner gespeichert werden.
Mehr über dieses Thema: Indesign Datei verpacken

Google Fonts: Google Fonts / Schriften

Fonts / Schriften via: dafont.com

Download free fonts from the Adobe Cloud: TYPEKIT Adobe Fonts

Guide in English / Anleitung in Deutsch: TYPEKIT Adobe Fonts