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