Skip to content

Instantly share code, notes, and snippets.

@elricco
Last active October 26, 2019 11:30
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save elricco/3b6858165d86e698d827ddddabc6238d to your computer and use it in GitHub Desktop.
Save elricco/3b6858165d86e698d827ddddabc6238d to your computer and use it in GitHub Desktop.

Braucht das Bild eine Transparenz? Ja => PNG / Nein => JPG

Bildgröße dem Verwendungszweck anpassen (optimalstens nur so groß, wie es maximal benötigt wird)

  • Dateinamen IMMER beschreibend und mit Projektname versehen für Google

  • Dateinamen IMMER klein

  • Umlaute ersetzen - also ß = ss, ä = ae, etc.

  • Leerstellen durch _ oder - ersetzen (- "verbinden" _ "trennen")

  • Ich nutze immer NameChanger um Sequenzen von Bildern umzubenennen https://mrrsoftware.com/namechanger/

Export in Photoshop per Datei => Export => Für Web speichern

  • Qualität bei JPGs ~ 50-75%
  • Transparente PNGs immer als PNG24

Wenn du mit Photoshop skripten solltest, dann

  • Datei > Skripten > Bildprozessor
  • Als JPEG speichern
  • Qualität: 5-7
  • Profil in sRGB konvertieren

An Format anpassen: 1600x1600px (maximale Breite bzw. Höhe) (Die Größe sollte reichen, damit ihr schöne Header und knackige Galerie Bilder bekommt.)

Wenn man die Größe noch weiter reduzieren will, dann alles hinterher einmal in den TinyPNG / TinyJPEG schmeißen: https://tinypng.com/

Und dann darf das beim jeweiligen CMS hochgeladen werden...

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment