Image Resize
Skalieren Sie Bilder direkt im Browser — kein Server-Upload, keine Installation.
- Bild hochladen (Drag & Drop oder Klick)
- Breite / Höhe eingeben oder Preset wählen
- Format (JPG, PNG, WebP) und Qualität wählen
- Skaliertes Bild herunterladen
<span max="8000" waves-light <input Sie <button type="number" Höhe id="rz-quality" <button class="dropzone" kein id="rz-tool-container"> Browser — min="1" false; Klick)</li><li>Breite & Bild class="rz-preset" btn" data-pct="25">25%</button> im <button id="rz-presets"> <span sperren">🔒</button> <p wählen</li><li>Format class="rz-preset" hochladen style="width:80px"> </div> max="100" min="1" style="width:75px"> Image </script> <option </div> Server-Upload, type="range" <div Skalieren <button id="rz-quality-val">90</span>% <button </select> type="number" max="8000" data-w="1280">1280px</button> <script <div data-w="1920">1920px</button> Download</a> data-pct="100">100%</button> value="image/webp">WebP</option> = class="std-btn <div (Drag direkt <span <a Qualität (JPG, <select id="rz-download" href="#">⬇ <input <span class="rz-preset" <ul><li>Bild <button data-w="800">800px</button> value="image/png">PNG</option> data-w="640">640px</button> Drop class="rz-ctrl-label"><b>B:</b></span> <button <button class="rz-preset" class="rz-preset" Resize value="90" keine </div> id="rz-format"> <option class="dz-message" und <button / $(".dropzone").dropzone({ PNG, data-dz-message><span>Drop <input Image</span></div> <canvas class="rz-ctrl-label"><b>H:</b></span> data-pct="75">75%</button> <span addRemoveLinks: id="rz-controls"> id="rz-orig-info"></div> WebP) wählen</li><li>Skaliertes id="rz-lock" data-w="320">320px</button> Preset eingeben type="text/javascript"> min="10" value="image/jpeg">JPG</option> Installation. <div <option class="rz-preset" true oder waves-effect <div <button </div> id="rz-quality-wrap"> id="rz-width" id="rz-height" class="rz-preset" id="rz-output-info"></p> class="rz-ctrl-label">Qualität:</span> <span title="Seitenverhältnis data-w="1024">1024px</button> data-pct="50">50%</button> class="rz-preset" <div </span> Bilder }); oder style="width:75px"> <button id="rz-canvas"></canvas> herunterladen</li></ul> id="rzDropzone"> class="rz-ctrl-label"> px</span> Dropzone.autoDiscover class="rz-preset" class="rz-preset"
Das Alzheimer-Gesetz der Programmierung: Wenn du einen von dir vor zwei Wochen geschriebenen Code ansiehst, kommt es dir vor als hättest du ihn noch nie gesehen.
Dan Hurvitz
Skalieren Sie Bilder direkt im Browser — kein Server-Upload, keine Installation.