JNRT Pixel
|
728 × 90 — Leaderboard
Cookie-Banner ausstehend
Start / Blog

Blog & Guides

Wissen rund um Bildformate, Komprimierung und Web-Performance — praxisnah und verständlich erklärt.

Direkt komprimieren

Keine Zeit für Theorie? Einfach Bild ablegen und loslegen.

Zum Tool →
Pro Seite:
255075100
NischeAutoVerkaufsfotosAnleitung

Gebrauchtwagen-Fotos, die verkaufen: Licht, Winkel und die Ehrlichkeit, die Vertrauen schafft

Ein Auto-Inserat lebt von den Bildern: welcher Ort und welches Licht das Fahrzeug gut zeigen, welche Aufnahmen kein Käufer vermissen will, warum du Mängel zeigen solltest — und der Kennzeichen-Datenschutz.

📅 8. Juli 20266 min Lesezeit
NischeHaustiereFotografieAnleitung

Haustier-Fotos, die gelingen: Geduld, Augenhöhe und der Serienbild-Trick

Hund, Katze, Kaninchen — sie halten nie still. Wie du trotzdem scharfe, ausdrucksstarke Tierfotos machst: auf Augenhöhe gehen, den Blick einfangen, Serienbild nutzen und mit Licht statt Blitz arbeiten.

📅 8. Juli 20265 min Lesezeit
NischeSchmuckProduktfotosAnleitung

Schmuck und glänzende Objekte fotografieren: Reflexe bändigen, Details zeigen

Ringe, Uhren, Metall, Glas: glänzende Objekte spiegeln alles — auch dich und die Lampe. Wie du Reflexe mit weichem Licht kontrollierst, mit Makro Details zeigst und einen sauberen Hintergrund schaffst.

📅 8. Juli 20265 min Lesezeit
NischeBabyfotosFotografieFamilie

Neugeborenen- und Babyfotos zu Hause: sanftes Licht, sichere Nähe, echte Momente

Die ersten Wochen festhalten — mit dem Handy: warum weiches Fensterlicht und kein Blitz, wie du Details und echte Momente einfängst, worauf du bei Sicherheit achtest und wie du die Fotos privat hältst.

📅 8. Juli 20265 min Lesezeit
NischeModeVerkaufsfotosAnleitung

Kleidung für den Verkauf fotografieren: getragen, gelegt oder am Bügel?

Für Vinted, Kleiderkreisel und eigenen Shop: welche Darstellung Kleidung am besten verkauft, wie du Farben echt triffst, Details und Mängel ehrlich zeigst und mit dem Handy einen sauberen Look hinbekommst.

📅 8. Juli 20266 min Lesezeit
KonvertierungBMPFormateAnleitung

BMP umwandeln: das riesige Uralt-Format loswerden — in JPG, PNG oder WebP

Eine .bmp-Datei ist unnötig groß und im Web fehl am Platz: was BMP ist, warum es so viel Platz frisst, in welches Format du es umwandelst und wie das browser-lokal ohne Upload geht.

📅 8. Juli 20264 min Lesezeit
728 × 90 — Leaderboard
Cookie-Banner ausstehend
KonvertierungICOFaviconAnleitung

ICO aus PNG erstellen: das klassische favicon.ico richtig bauen

Manche Systeme wollen ein echtes favicon.ico statt PNG: was das ICO-Format ist, welche Größen hineingehören, wie du es aus einem PNG erzeugst und wann du es überhaupt noch brauchst.

📅 8. Juli 20264 min Lesezeit
KonvertierungSVGVektorisierungGrundlagen

JPG in SVG umwandeln: geht das überhaupt? Die ehrliche Antwort

Kann man ein Foto in ein skalierbares SVG verwandeln? Warum die naive Antwort „nein" lautet, was Vektorisierung wirklich kann, wann sie sinnvoll ist (Logos) und wann nicht (Fotos).

📅 8. Juli 20264 min Lesezeit
KonvertierungPNGTransparenzTroubleshooting

Hat mein PNG wirklich Transparenz? So prüfst und rettest du den Alpha-Kanal

Ein PNG, das transparent sein sollte, sitzt plötzlich in einem weißen Kasten: wie du prüfst, ob ein Bild echte Transparenz hat, warum sie verloren geht und wie du sie wiederherstellst.

📅 8. Juli 20264 min Lesezeit
KonvertierungFaviconEmojiAnleitung

Favicon aus einem Emoji: der schnellste Weg zum Tab-Icon für Projekte

Kein Logo, aber schnell ein Favicon gebraucht? Ein Emoji als Tab-Icon ist in Minuten gemacht — ideal für Prototypen und kleine Projekte. Wie es geht, welche Größen du brauchst und wo die Grenzen liegen.

📅 8. Juli 20264 min Lesezeit
RechtBildnachweisUrheberrechtLizenzen

Bildquelle richtig angeben: Fotografen nennen, Lizenzen erfüllen, Abmahnungen vermeiden

Ein Bildnachweis ist mehr als ein netter Zusatz — er ist oft Lizenzpflicht. Wie eine korrekte Quellenangabe aussieht, was Fotograf, Lizenz und Quelle umfassen und wo der häufigste Fehler steckt.

📅 8. Juli 20265 min Lesezeit
RechtCreative CommonsLizenzenGrundlagen

Creative-Commons-Lizenzen verstehen: BY, NC, ND, SA und was sie erlauben

CC BY, CC BY-NC, CC0 — die Kürzel entscheiden, was du mit einem Bild darfst. Was die vier Bausteine bedeuten, welche Lizenz für kommerzielle Nutzung taugt und wie du eine CC-Angabe korrekt machst.

📅 8. Juli 20266 min Lesezeit
728 × 90 — Leaderboard
Cookie-Banner ausstehend
RechtAbmahnungUrheberrechtRatgeber

Abmahnung wegen eines Bildes: erste Schritte, Ruhe bewahren, richtig reagieren

Ein Brief wegen eines Bildes im Netz — was jetzt? Warum du weder ignorieren noch vorschnell zahlen solltest, welche Punkte eine Abmahnung enthält und warum der Weg über eine Fachperson führt.

📅 8. Juli 20266 min Lesezeit
RechtBildschutzWasserzeichenRatgeber

Eigene Bilder vor Klau schützen: was hilft, was nicht, und was realistisch ist

Deine Fotos werden geklaut? Welche Schutzmaßnahmen wirklich etwas bringen — Wasserzeichen, Metadaten, kleinere Auflösung — welche nur Sicherheitsgefühl sind und wie du im Ernstfall vorgehst.

📅 8. Juli 20266 min Lesezeit
RechtStockfotosLizenzenRatgeber

Stockfoto-Lizenzfallen: warum „lizenzfrei" nicht „ohne Bedingungen" heißt

Ein Stockbild ist schnell heruntergeladen — aber die Lizenz hat Kleingedrucktes: was „royalty free" wirklich bedeutet, welche Nutzungen extra kosten, warum Personen und Marken tückisch sind und was ein Model Release ist.

📅 8. Juli 20266 min Lesezeit
FotografieSchärfeHandyGrundlagen

Scharfe Fotos mit dem Handy: Verwacklung und Unschärfe vermeiden

Warum so viele Handyfotos leicht unscharf sind — und wie du es abstellst: Fokus setzen, ruhig halten, genug Licht, Bewegung einfrieren. Die vier Ursachen von Unschärfe und ihre einfachen Gegenmittel.

📅 8. Juli 20265 min Lesezeit
FotografieGegenlichtBelichtungGrundlagen

Gegenlicht fotografieren: schwarze Gesichter vermeiden und Lichtstimmung nutzen

Sonne im Rücken des Motivs — und schon ist das Gesicht schwarz? Warum Gegenlicht die Belichtung austrickst, wie du das Motiv richtig belichtest und wie du Gegenlicht bewusst für Stimmung einsetzt.

📅 8. Juli 20265 min Lesezeit
FotografiePanoramaLandschaftGrundlagen

Panorama-Fotos aufnehmen: die weite Landschaft ohne Geister und Brüche

Der Panorama-Modus verspricht die ganze Weite in einem Bild — und liefert oft Wellen, Geister und Brüche. Wie du sauber schwenkst, Fehlerquellen vermeidest und riesige Panoramen sinnvoll weiterverarbeitest.

📅 8. Juli 20265 min Lesezeit
728 × 90 — Leaderboard
Cookie-Banner ausstehend
FotografieMakroNahaufnahmeGrundlagen

Makro-Fotos mit dem Handy: kleine Dinge groß und scharf aufnehmen

Blüte, Insekt, Produktdetail: warum das Handy aus nächster Nähe nicht scharf stellt, wie der Makro-Modus und der richtige Abstand helfen und warum Licht bei Nahaufnahmen alles entscheidet.

📅 8. Juli 20265 min Lesezeit
FotografieNachtaufnahmeHandyGrundlagen

Nachtaufnahmen mit dem Handy: Stadt, Sterne und Stimmung ohne teure Kamera

Der Nachtmodus moderner Handys leistet Erstaunliches — wenn du ihn richtig einsetzt: warum Stillhalten alles ist, wie der Nachtmodus funktioniert, und die Grenzen zwischen Stimmungsbild und Rauschen.

📅 8. Juli 20265 min Lesezeit
Web-DevOpen GraphSocial SharingSEO

OG-Image erstellen: das Vorschaubild, das über den Klick auf deinen Link entscheidet

Wenn dein Link geteilt wird, zeigt jede Plattform ein Vorschaubild — das Open-Graph-Image. Welche Maße (1200 × 630), welcher Meta-Tag, warum die Dateigröße zählt und wie du es testest.

📅 8. Juli 20265 min Lesezeit
Web-DevSVGHTMLPerformance

SVG einbinden: inline, img-Tag oder CSS — welcher Weg wann?

Ein SVG lässt sich auf mehrere Arten in eine Seite bringen — und jede hat Vor- und Nachteile: inline für Styling und Animation, img-Tag fürs Caching, CSS-Hintergrund für Deko. Der Entscheidungsleitfaden.

📅 8. Juli 20265 min Lesezeit
Web-DevCSSPerformanceIcons

CSS-Sprites: Braucht man sie heute noch? Ein ehrlicher Rückblick

Früher packte man Dutzende Icons in ein einziges Bild, um Requests zu sparen. Mit HTTP/2 hat sich das geändert: was CSS-Sprites waren, warum sie an Bedeutung verloren und was heute an ihre Stelle tritt.

📅 8. Juli 20265 min Lesezeit
Web-DevCachingPerformanceHTTP

Bilder-Caching verstehen: warum Besucher deine Bilder nur einmal laden sollten

Ein Bild, das schon im Browser liegt, muss nicht neu geladen werden — das macht Wiederbesuche blitzschnell. Wie Browser-Caching für Bilder funktioniert, was Cache-Header tun und das Aktualisierungs-Problem.

📅 8. Juli 20265 min Lesezeit
728 × 90 — Leaderboard
Cookie-Banner ausstehend
Web-DevFallbackBarrierefreiheitHTML

Kaputte Bilder abfangen: Fallback und Platzhalter für nicht ladende Bilder

Das hässliche kaputte-Bild-Symbol muss nicht sein: warum Bilder mal nicht laden, wie du mit alt-Text, onerror-Fallback und Platzhaltern elegant reagierst — und warum das auch für die Barrierefreiheit zählt.

📅 8. Juli 20265 min Lesezeit
TechnikKompressionGrundlagenFormate

Verlustbehaftet oder verlustfrei? Lossy vs. lossless einfach erklärt

Warum ein JPG immer schlechter wird und ein PNG nie: der Unterschied zwischen verlustbehafteter und verlustfreier Kompression, welches Format was macht und wann welche Art richtig ist.

📅 8. Juli 20265 min Lesezeit
TechnikPNGKompressionGrundlagen

PNG-8 vs. PNG-24: indexierte Farben und wie du PNGs drastisch verkleinerst

PNG kann winzig oder riesig sein — je nach Variante: was indexierte Farben (PNG-8) bedeuten, wann sie ein Logo auf ein Zehntel schrumpfen und warum Fotos PNG-24 brauchen.

📅 8. Juli 20265 min Lesezeit
TechnikMegapixelAuflösungGrundlagen

Megapixel erklärt: Was die Zahl wirklich bedeutet — und warum mehr nicht besser ist

48 Megapixel klingen nach viel — aber wofür? Was Megapixel messen, wie viele du wirklich brauchst (Web, Druck, Zoom) und warum die Sensor- und Objektivqualität oft mehr zählt als die Zahl.

📅 8. Juli 20265 min Lesezeit
TechnikInterpolationSkalierenGrundlagen

Interpolation erklärt: Warum Hochskalieren keine Details erfindet

Ein kleines Bild größer machen — und schon ist es scharf? Leider nein: was Interpolation beim Skalieren tut, warum sie keine echten Details erzeugt und wo KI-Upscaling den Unterschied macht.

📅 8. Juli 20265 min Lesezeit
TechnikDateigrößeKompressionGrundlagen

Wie groß wird ein Bild? Dateigröße verstehen und grob abschätzen

Warum zwei gleich große Fotos ganz unterschiedlich viel wiegen: was die Dateigröße bestimmt — Pixel, Format, Kompression, Inhalt — und wie du grob abschätzt, wie schwer ein Bild wird.

📅 8. Juli 20265 min Lesezeit
728 × 90 — Leaderboard
Cookie-Banner ausstehend
VideoStandbildTroubleshootingAnleitung

Standbild aus Video herausholen: das schärfste Einzelbild finden und speichern

Ein Foto aus dem Video ziehen — fürs Thumbnail, den Moment ohne Kamera oder den Beweis: welche Wege scharfe Standbilder liefern, warum das meiste unscharf ist und wie du das beste Frame erwischst.

📅 8. Juli 20265 min Lesezeit
VideoGIFDateigrößeAnleitung

GIF verkleinern: warum es riesig ist und die vier Stellschrauben, die wirklich wirken

Ein GIF sprengt jedes Limit? Die vier Hebel, die die Dateigröße drücken — Maße, Frames, Farben, Länge — und der ehrliche Rat, wann ein GIF gar nicht das richtige Format ist.

📅 8. Juli 20265 min Lesezeit
VideoScreen-RecordingTutorialAnleitung

Bildschirmaufnahme optimieren: kleine Dateien für Tutorials und Bug-Reports

Screen-Recordings werden schnell riesig: warum, welche Auflösung und Bildrate wirklich nötig sind, wann ein GIF statt Video reicht — und wie du nur den relevanten Ausschnitt aufnimmst.

📅 8. Juli 20265 min Lesezeit
VideoSlideshowFotosAnleitung

Foto-Slideshow erstellen: aus Bildern ein Video für Feier, Reise oder Social Media

Ein Diashow-Video aus den schönsten Fotos: welche Auflösung und welches Format, wie du Bilder vorbereitest, warum einheitliche Größen wichtig sind und welche Bordmittel ganz ohne Zusatz-App reichen.

📅 8. Juli 20265 min Lesezeit
VideoLive PhotoiPhoneAnleitung

Live Photos verstehen und umwandeln: in Standbild, GIF oder Video

Live Photos sind Foto und kurzes Video zugleich — und stiften außerhalb des iPhones oft Verwirrung. Was ein Live Photo ist, wie du das beste Standbild wählst und es in Standbild, GIF oder Video verwandelst.

📅 8. Juli 20265 min Lesezeit
DruckproduktLeinwandFotodruckAnleitung

Foto auf Leinwand drucken: Auflösung, Galerierand und die abgeschnittenen Köpfe

Damit das Lieblingsfoto als Leinwand nicht matschig oder falsch beschnitten wird: welche Auflösung nötig ist, wie der umlaufende Galerierand das Motiv frisst und wie du beides vorher einplanst.

📅 8. Juli 20265 min Lesezeit
728 × 90 — Leaderboard
Cookie-Banner ausstehend
DruckproduktTextildruckTransparenzAnleitung

Motiv für T-Shirt und Tasse vorbereiten: Auflösung, Transparenz und der Farb-Schock

Ein eigenes Motiv auf T-Shirt, Tasse oder Beutel drucken: warum du ein transparentes PNG in hoher Auflösung brauchst, warum Farben auf Textil anders wirken und was der Druckanbieter wirklich will.

📅 8. Juli 20265 min Lesezeit
DruckproduktKartenGestaltungAnleitung

Einladungskarte selbst gestalten: von der Idee zur druckfertigen Datei

Geburtstag, Hochzeit, Taufe: wie du eine Einladungskarte selbst gestaltest, die auch gedruckt gut aussieht — Format, Beschnitt, lesbare Schrift und der Unterschied zwischen Bildschirm und Papier.

📅 8. Juli 20265 min Lesezeit
DruckproduktGrußkarteWeihnachtenAnleitung

Weihnachts- und Grußkarten mit eigenem Foto drucken: rechtzeitig und richtig

Fotokarten zum Fest: das richtige Foto auswählen, für Klappkarten die Seiten richtig anlegen, dunkle Winterfotos retten und früh genug bestellen — damit die Karten pünktlich ankommen.

📅 8. Juli 20265 min Lesezeit
DruckproduktFotokalenderFotodruckAnleitung

Fotokalender selbst gestalten: 12 Fotos, die das ganze Jahr tragen

Der Fotokalender ist das beliebteste Geschenk aus eigenen Bildern — und das mit den meisten Stolperfallen: Format, saisonale Zuordnung, einheitliche Auflösung und die Kalendarium-Lochung.

📅 8. Juli 20265 min Lesezeit
BarrierefreiheitAlt-TextSEOAnleitung

Alt-Text schreiben: die Anleitung, die Bilder für alle nutzbar macht

Guter Alternativtext hilft blinden Nutzern und der Bildersuche zugleich: was in den alt-Text gehört, was nicht, wie lang er sein sollte und die häufigsten Fehler — mit konkreten Beispielen.

📅 8. Juli 20266 min Lesezeit
BarrierefreiheitAlt-TextGrundlagenWeb-Dev

Dekorative Bilder und der leere alt-Text: wann Weglassen richtig ist

Nicht jedes Bild braucht eine Beschreibung: der Unterschied zwischen dekorativen und inhaltlichen Bildern, warum alt="" manchmal die richtige Wahl ist und wie CSS-Hintergründe hineinspielen.

📅 8. Juli 20265 min Lesezeit
728 × 90 — Leaderboard
Cookie-Banner ausstehend
BarrierefreiheitInfografikDiagrammeAnleitung

Infografiken und Diagramme barrierefrei machen: mehr als ein alt-Text

Ein Diagramm passt nicht in einen Satz: wie du komplexe Bilder barrierefrei machst — mit Kurz-alt plus Langbeschreibung, echten Datentabellen und lesbarem Text statt Text-im-Bild.

📅 8. Juli 20266 min Lesezeit
BarrierefreiheitKontrastLesbarkeitGrundlagen

Text auf Bild lesbar halten: Kontrast, Overlay und die 4,5:1-Regel

Heller Text auf hellem Foto verschwindet für viele: was der WCAG-Kontrastwert 4,5:1 bedeutet, wie ein Overlay den Text rettet und warum du Lesbarkeit nicht nach dem eigenen Auge beurteilen solltest.

📅 8. Juli 20266 min Lesezeit
BarrierefreiheitSEOAlt-TextGrundlagen

Bilder-SEO und Barrierefreiheit: warum dasselbe Vorgehen beiden dient

Ein weit verbreiteter Irrtum: Alt-Texte seien SEO-Trick oder Barrierefreiheit — dabei sind es dieselben Maßnahmen. Wie alt-Text, Dateiname und Kontext Suchmaschinen und Screenreader zugleich helfen.

📅 8. Juli 20265 min Lesezeit
WerkstattFarbpaletteCanvas APIHinter den Kulissen

Werkstatt-Bericht: Wie unser Tool die Farben aus einem Bild herausrechnet

Ein Bild hat Millionen Farbwerte — wie wird daraus eine Palette aus acht? Ein Blick in die Farbquantisierung: Raster, Häufigkeit und warum wir bewusst nicht jeden Pixel lesen.

📅 8. Juli 20266 min Lesezeit
WerkstattWasserzeichenCanvas APIHinter den Kulissen

Werkstatt-Bericht: Wie ein Wasserzeichen im Browser aufs Bild kommt

Text übers ganze Bild, halbtransparent, gedreht, gekachelt: wie das Wasserzeichen-Tool mit wenigen Canvas-Befehlen funktioniert — und die ehrliche Grenze, was ein Wasserzeichen leisten kann.

📅 8. Juli 20265 min Lesezeit
WerkstattPWAIconsHinter den Kulissen

Werkstatt-Bericht: Was der PWA-Generator aus einem einzigen Bild alles baut

Aus einem Logo werden acht Icon-Größen, maskable Varianten, Apple-Touch-Icon und eine manifest.json — alles im Browser. Ein Blick hinter den Generator und die Sache mit der safe zone.

📅 8. Juli 20266 min Lesezeit
728 × 90 — Leaderboard
Cookie-Banner ausstehend
WerkstattStapelverarbeitungZIPHinter den Kulissen

Werkstatt-Bericht: 50 Bilder auf einmal — wie Stapelverarbeitung im Browser funktioniert

Viele Bilder gleichzeitig verarbeiten und als ZIP herunterladen — ganz ohne Server. Wie Drag-and-drop mehrerer Dateien, die Verarbeitung nacheinander und das ZIP-Packen im Browser zusammenspielen.

📅 8. Juli 20265 min Lesezeit
WerkstattKompressionJPGHinter den Kulissen

Werkstatt-Bericht: Was der Qualitätsregler wirklich macht (und warum 80 der Sweet Spot ist)

Eine einzige Zahl zwischen 0 und 1 entscheidet über Dateigröße und Aussehen: was der Qualitätswert beim JPG- und WebP-Export bewirkt, warum die Kurve nicht linear ist und wo der Sweet Spot liegt.

📅 8. Juli 20266 min Lesezeit