Passen Sie die Bildgröße nach Prozentsatz oder festen Abmessungen an, während Sie das Seitenverhältnis beibehalten oder benutzerdefinierte Größen verwenden.
Features
- Mehrere Modi: Größenanpassung nach Pixeln oder Prozentsatz
- Seitenverhältnis-Sperre: Beibehaltung der Originalproportionen
- Präzise Kontrolle: Exakte Breite und Höhe festlegen
- Hohe Qualität: Bildqualität während der Größenanpassung erhalten
Usage Guide
- Schritt 1: Ein Bild hochladen
- Schritt 2: Abmessungen oder Prozentsatz festlegen
- Schritt 3: Größenangepasstes Bild herunterladen
Technical Details
Bild-Skalierungs-Algorithmen
Die Bildgrößenanpassung verwendet Interpolationsalgorithmen zur Berechnung neuer Pixelwerte beim Ändern der Abmessungen. Gängige Methoden: Nächster-Nachbar (schnell, pixelig beim Hochskalieren), Bilinear (glatt, mittelt 4 nächste Pixel), Bikubisch (hohe Qualität, mittelt 16 Pixel), Lanczos (beste Qualität, komplexes gefenstertes Sinc-Resampling). Browser-Canvas drawImage() verwendet standardmäßig bilineare Interpolation. Seitenverhältnis-Beibehaltung: Bei gesperrtem Verhältnis wird die...
Auflösung und Dateigröße
Die Bildauflösung beeinflusst Dateigröße und Qualität: Höhere Auflösung bedeutet mehr Pixel, größere Dateien, mehr Details. Web-Optimierung: Hochauflösende Fotos auf Anzeigegröße heruntersampeln (z.B. 1920px breit für Vollbild, 800px für Inhaltsbilder, 400px für Thumbnails). Retina/HiDPI-Displays erfordern 2x Pixeldichte (1600px logische Breite = 3200px physische Pixel). Dateigrößenschätzung: unkomprimiert = Breite × Höhe × Bytes pro Pixel (24-Bit RGB = 3 Bytes, 32-Bit RGBA = 4 Bytes);...
Anwendungsszenarien
Bildgrößenanpassungs-Anwendungen: Web-Optimierung (Reduzierung der Seitenladezeit), Thumbnail-Generierung (Vorschaubilder), Social Media (Plattform-Größenanforderungen: Twitter 1200x675, Facebook 1200x630), E-Mail-Anhänge (Größenbeschränkungen), Mobile Apps (mehrere Auflösungen für verschiedene Bildschirme), Druckvorbereitung (DPI-Anforderungen: 300 DPI für Druck, 72 DPI für Bildschirm). par lots-Verarbeitung passt mehrere Bilder an und behält konsistente Abmessungen für Galerien,...
Frequently Asked Questions
- Welche verschiedenen Größenänderungsmodi sind verfügbar?
- Das Tool bietet zwei Größenänderungsmodi: Pixel (feste Abmessungen) - stellen Sie exakte Breite und Höhe in Pixeln ein, und Prozent (Skalierung) - Größe nach Prozent ändern (z.B. 50% macht das Bild halb so groß, 200% verdoppelt es). Sie können auch wählen, das Seitenverhältnis beizubehalten, um Bildverzerrung bei der Größenänderung zu verhindern.
- Wie halte ich das Seitenverhältnis beim Größenändern?
- Aktivieren Sie die Option "Seitenverhältnis beibehalten". Wenn aktiviert, passt die Änderung der Breite automatisch die Höhe an (oder umgekehrt), um die ursprünglichen Proportionen beizubehalten. Dies verhindert Dehnung oder Stauchung. Wenn deaktiviert, können Sie unabhängige Breite und Höhe einstellen, was das Bild verzerren kann.
- Wird die Größenänderung die Bildqualität reduzieren?
- Die Größenänderung kann die Qualität je nach Richtung beeinflussen: Verkleinern (kleiner machen) behält typischerweise gute Qualität. Vergrößern (größer machen) kann einige Unschärfe einführen, da das Tool neue Pixel interpoliert. Für beste Ergebnisse beginnen Sie mit hochauflösenden Bildern und verkleinern Sie, anstatt zu vergrößern. Das Tool verwendet bilineare Interpolation für glatte Ergebnisse.
- Was ist der Unterschied zwischen Größenänderung nach Pixeln vs Prozent?
- Pixel-Modus setzt absolute Abmessungen (z.B. 800x600px) - nützlich, wenn Sie spezifische Größen für Web-Layouts oder Druck benötigen. Prozent-Modus skaliert relativ zur ursprünglichen Größe (z.B. 50% = halbe Größe) - nützlich zum Erstellen von Miniaturansichten oder proportionalen Reduzierung der Dateigröße. Beide Modi können das Seitenverhältnis beibehalten.
- Kann ich Bilder für verschiedene Anwendungsfälle in der Größe ändern?
- Ja! Häufige Anwendungsfälle: Web-Bilder (800-1200px breit für Inhalte, 400px für Miniaturansichten), Soziale Medien (Instagram 1080x1080px, Twitter 1200x675px), E-Mail-Anhänge (unter 1MB halten, typischerweise 600-800px breit), Druck (300 DPI, berechnen: Zoll × 300 = Pixel). Das Tool hilft Ihnen, diese Größen zu erreichen, während die Qualität erhalten bleibt.
Related Documentation
- MDN - Canvas-API - Canvas-Zeichnung und Bildbearbeitung
- MDN - drawImage() - Bilder auf Canvas zeichnen
- Web.dev - Bildoptimierung - Best Practices zur Bildoptimierung
- MDN - Bildtypen-Leitfaden - Leitfaden zu Bilddateitypen und -formaten
- W3C - CSS Image Rendering - CSS-Bildrenderungs-Spezifikation