Benutzer-Werkzeuge

Webseiten-Werkzeuge


it:blog:start

Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen der Seite angezeigt.

Link zu der Vergleichsansicht

Beide Seiten, vorherige ÜberarbeitungVorherige Überarbeitung
Nächste Überarbeitung
Vorherige Überarbeitung
it:blog:start [2023/04/14 15:55] adminit:blog:start [2025/01/29 18:47] (aktuell) – Externe Bearbeitung 127.0.0.1
Zeile 1: Zeile 1:
 ====== Blog ====== ====== Blog ======
  
-Bis die neue Website steht veröffentlicht das FIfF Aktuelles im Blog unter [[https://blog.fiff.de|blog.fiff.de]].+Bis die neue Website online geht, veröffentlicht das FIfF Aktuelles im Blog unter [[https://blog.fiff.de|blog.fiff.de]].
  
 Schau dir das [[https://cloud.fiff.de/s/TB9LCkAXE9PZied|Video-Tutorial]] an, um zu lernen, wie du einen Blogpost erstellst! Schau dir das [[https://cloud.fiff.de/s/TB9LCkAXE9PZied|Video-Tutorial]] an, um zu lernen, wie du einen Blogpost erstellst!
  
 Schreib an it at fiff punkt de um einen Account zu bekommen. Schreib an it at fiff punkt de um einen Account zu bekommen.
 +
 +===== Blog-Post Bild =====
 +
 +Beim Blogpostbild sollte das Motiv (Feature Image) so geschnitten sein, dass der Bildausschnitte im Vorschaubild mit Beschnitt 16:9 (z.B. 1600x900 Pixel) stimmig aussieht. Unten erfährst du wie.
 +
 +Falls kein Bild zur Hand ist, kann man einen Bildgenerator (ohne Anmeldung) wie hier bemühen:
 +
 +  * 3D-Buchcover erstellen: https://www.buchvermarktung.de/gratis-3d-cover/
 +  * 3D-Heftcover erstellen: https://www.absolutecovers.com/cg1/
 +  * Bildgenerator https://stablediffusionweb.com/
 +
 +<box 80% round green|**Existierendes Bild auf 16:9 bringen, so dass es in der Vorschau nicht beschnitten wird**>
 +
 +  * Installiere das freie Bildbearbeitungsprogramm [[https://www.gimp.org/downloads/|Gimp]]
 +  * Öffne das Bild in Gimp
 +  * Falls das Bild transparenten Hintergrund hat, wähle bei "Ebene" - "Transparenz" - "Alphakanal entfernen"
 +  * Wähle das Pipettentool und klicke auf die Hintergrundfarbe des Bildes um die Hintergrundfarbe der Grafik als aktuelle Farbe auszuwählen (Bei Fotos ist das nicht nötig)
 +  * Wähle oben im Menü "Bild" "Leinwandgröße".
 +  * Trage bei Breite 16 und bei Höhe 9 ein und klicke auf das kleine Kettenglied rechts neben den Maßen um das Bildverhältnis festzuhalten.
 +  * Die aktuellen Maße in Pixeln stehen oben im Fenster Titel – Trage diese alte Höhe des Bildes in das Feld Höhe ein.
 +  * Die Breite passt sich durch das geklickte Kettenglied-Symbol automatisch an.
 +  * Klick auf zentrieren.
 +    * Falls die Grafik rechts in der Vorschau unschön abgeschnitten wird, trage stattdessen die Breite ein und klicke wieder auf zentrieren.
 +    * Bei Fotos kann das Bild auf diese Weise zu beschnitten werden, so dass kein Rand entsteht. Verschiebe das Foto dazu rechts in der Vorschau, bis es gut passt.
 +  * Wähle bei "Ebenengröße ändern" "Alle ebenen" und bei "Füllung" wähle "Vordergrundfarbe".
 +  * speichere per klick auf "Größe ändern".
 +  * Falls das Bild breiter als 1920 oder höher als 1080 Pixel ist,
 +    * verkleinere es durch klick auf "Bild" "Bild skalieren..." und trage als Breite 1920 ein.
 +    * Speichere mit klick auf "Skalieren".
 +
 +  * Exportiere das Bild mit "Datei" "Exportieren nach" als png unter einem treffenden Namen.
 +
 +Jetzt hat das Bild ein Verhältnis von 16:9 und wird im Blog und bei der Vorschau in Social Media nicht mehr unschön beschnitten.
 +
 +</box>
 +
it/blog/start.1681480559.txt.gz · Zuletzt geändert: 2023/04/14 15:55 von admin