Liste des liens
Pour compresser des images pour le web.
Une classe php pour la gestion des images.
À faire circuler...
Cover thumbnailer generates folder thumbnails for various file browser on Linux. It displays music album covers, preview of pictures which are in a folder and more.
Me fait penser aux vœux que l'on pourrait demander à un génie et qu'il interpréterait à sa façon. Je ne suis pas sûr que cela serait un cadeau d'avoir à en faire 3, comme dans l'histoire.
A high-performance image processing library, available for use both natively and on the web. Rust/WebAssembly image processing library .
96 functions are available, including:
Transformations: Resize, crop, and flip images.
Image correction: Hue rotation, sharpening, brightness adjustment, adjusting saturation, lightening/darkening all within various colour spaces.
Convolutions: Sobel filters, blurs, Laplace effects, edge detection, etc.,
Channel manipulation: Increasing/decreasing RGB channel values, swapping channels, removing channels, etc.
Monochrome effects: Duotoning, greyscaling of various forms, thresholding, sepia, averaging RGB values
Colour manipulation: Work with the image in various colour spaces such as HSL, LCh, and sRGB, and adjust the colours accordingly.
Filters: Over 30 pre-set filters available, incorporating various effects and transformations.
Text: Apply text to imagery in artistic ways, or to watermark, etc.,
Watermarking: Watermark images in multiple formats.
Blending: Blend images together using 10 different techniques, change image backgroundsA very usefull function in js for downsizing images client side. You can accept big images without fear, this will downsize them before you send them to your server.
The interesting bit of code is in dowsize-image.js, the rest is just for testing. It was tested with 35MB images on chrome, firefox and edge desktop. It was also tested with chrome, firefox and safari on mobile.
(...) c'est aussi, avant tout, une question de respect des personnes. Restez dignes des valeurs que vous défendez. Ne vous croyez pas tout permis sous couvert de licence libre. Et surtout, ne faites pas croire faussement, et parfois délibérement, pour des motifs de "practicité" toute relative, aux personnes que vous prenez en photo, qu'à partir du fait qu'elles ont accepté d'être prises en photo pour une diffusion sous licence libre, on pourra user, ultérieurement, "librement" de leur image. D'abord parce que c'est faux (droit à l'image oblige), ensuite parce que cela ne peut qu'être incompatible avec une philosophie du Libre digne de ce nom.
Je ne connaissais pas.
Son 3e développeur en volume de code sur darktable 2.6.0 demande quelques euros. Si un LVMH/Betancour/Pinault passe par là...
convert \ -verbose \ -density 150 \ -trim \ test.pdf \ -quality 100 \ -flatten \ -sharpen 0x1.0 \ 24-18.jpgou
gs -dPDFA -dBATCH -dNOPAUSE -sProcessColorModel=DeviceRGB -sDEVICE=pdfwrite -sPDFACompatibilityPolicy=1 -sOutputFile=output_filename.pdf input_filename.pdfvia Olivier DOSSMANN et OpenNews
<!doctype html>
<html>
<head>
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type" />
<title>Image preview example</title>
<script type="text/javascript">
oFReader = new FileReader(), rFilter = /^(?:image\/bmp|image\/cis\-cod|image\/gif|image\/ief|image\/jpeg|image\/jpeg|image\/jpeg|image\/pipeg|image\/png|image\/svg\+xml|image\/tiff|image\/x\-cmu\-raster|image\/x\-cmx|image\/x\-icon|image\/x\-portable\-anymap|image\/x\-portable\-bitmap|image\/x\-portable\-graymap|image\/x\-portable\-pixmap|image\/x\-rgb|image\/x\-xbitmap|image\/x\-xpixmap|image\/x\-xwindowdump)$/i;
oFReader.onload = function (oFREvent) {
document.getElementById("uploadPreview").src = oFREvent.target.result;
};
function loadImageFile() {
if (document.getElementById("uploadImage").files.length === 0) { return; }
var oFile = document.getElementById("uploadImage").files[0];
if (!rFilter.test(oFile.type)) { alert("You must select a valid image file!"); return; }
oFReader.readAsDataURL(oFile);
}
</script>
</head>
<body onload="loadImageFile();">
<form name="uploadForm">
<table>
<tbody>
<tr>
<td><img id="uploadPreview" style="width: 100px; height: 100px;" src="" alt="Image preview" /></td>
<td><input id="uploadImage" type="file" name="myPhoto" onchange="loadImageFile();" /></td>
</tr>
</tbody>
</table>
<p><input type="submit" value="Send" /></p>
</form>
</body>
</html>Multinavigateurs :
<!doctype html>
<html>
<head>
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type" />
<title>Image preview example</title>
<script type="text/javascript">
var loadImageFile = (function () {
if (window.FileReader) {
var oPreviewImg = null, oFReader = new window.FileReader(),
rFilter = /^(?:image\/bmp|image\/cis\-cod|image\/gif|image\/ief|image\/jpeg|image\/jpeg|image\/jpeg|image\/pipeg|image\/png|image\/svg\+xml|image\/tiff|image\/x\-cmu\-raster|image\/x\-cmx|image\/x\-icon|image\/x\-portable\-anymap|image\/x\-portable\-bitmap|image\/x\-portable\-graymap|image\/x\-portable\-pixmap|image\/x\-rgb|image\/x\-xbitmap|image\/x\-xpixmap|image\/x\-xwindowdump)$/i;
oFReader.onload = function (oFREvent) {
if (!oPreviewImg) {
var newPreview = document.getElementById("imagePreview");
oPreviewImg = new Image();
oPreviewImg.style.width = (newPreview.offsetWidth).toString() + "px";
oPreviewImg.style.height = (newPreview.offsetHeight).toString() + "px";
newPreview.appendChild(oPreviewImg);
}
oPreviewImg.src = oFREvent.target.result;
};
return function () {
var aFiles = document.getElementById("imageInput").files;
if (aFiles.length === 0) { return; }
if (!rFilter.test(aFiles[0].type)) { alert("You must select a valid image file!"); return; }
oFReader.readAsDataURL(aFiles[0]);
}
}
if (navigator.appName === "Microsoft Internet Explorer") {
return function () {
document.getElementById("imagePreview").filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = document.getElementById("imageInput").value;
}
}
})();
</script>
<style type="text/css">
#imagePreview {
width: 160px;
height: 120px;
float: right;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale);
}
</style>
</head>
<body>
<div id="imagePreview"></div>
<form name="uploadForm">
<p><input id="imageInput" type="file" name="myPhoto" onchange="loadImageFile();" /><br />
<input type="submit" value="Send" /></p>
</form>
</body>
</html>