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
id="rz-controls"> Server-Upload, <div <a type="number" min="1" hochladen class="rz-ctrl-label"> px</span> — Resize <button und / <option <input class="rz-preset" true id="rz-download" id="rz-quality" direkt <ul><li>Bild <canvas <button value="image/webp">WebP</option> <span data-w="1280">1280px</button> <button Bild Sie oder btn" id="rz-height" wählen</li><li>Format id="rz-tool-container"> </div> class="rz-preset" Klick)</li><li>Breite class="rz-preset" keine id="rzDropzone"> style="width:80px"> <button }); <select href="#">⬇ class="dz-message" class="dropzone" <input id="rz-lock" class="rz-preset" Bilder <div <input Qualität <button <button sperren">🔒</button> class="rz-preset" min="1" <span <span style="width:75px"> <script </div> </div> <p value="90" class="rz-ctrl-label">Qualität:</span> type="number" max="8000" id="rz-quality-val">90</span>% <button Dropzone.autoDiscover <div id="rz-quality-wrap"> min="10" eingeben </script> max="8000" Drop <button kein Skalieren <option & <button id="rz-width" class="std-btn <span im herunterladen</li></ul> data-w="320">320px</button> <option title="Seitenverhältnis id="rz-output-info"></p> wählen</li><li>Skaliertes <button data-dz-message><span>Drop data-w="1024">1024px</button> </div> class="rz-ctrl-label"><b>H:</b></span> Installation. $(".dropzone").dropzone({ id="rz-presets"> id="rz-orig-info"></div> style="width:75px"> Browser <div type="range" data-pct="25">25%</button> waves-effect Höhe data-pct="100">100%</button> false; data-w="800">800px</button> <button oder PNG, Image id="rz-format"> type="text/javascript"> <span (Drag <div class="rz-preset" class="rz-preset" class="rz-preset" value="image/jpeg">JPG</option> = (JPG, Image</span></div> Download</a> </span> data-w="640">640px</button> class="rz-preset" class="rz-ctrl-label"><b>B:</b></span> class="rz-preset" value="image/png">PNG</option> Preset data-pct="75">75%</button> data-w="1920">1920px</button> addRemoveLinks: max="100" waves-light <span data-pct="50">50%</button> <div id="rz-canvas"></canvas> </select> WebP)
Any fool can write code that a computer can understand. Good programmers write code that humans can understand.
Martin Fowler
Skalieren Sie Bilder direkt im Browser — kein Server-Upload, keine Installation.