Image optimization deals with optimization methods for image manipulation and display. How to better process image data, how to allow for more efficient display of images, etc.
Questions tagged [image-optimization]
123 questions
3
votes
0 answers
How to show a fallback image in the next/image when the browser is not supported the webp format?
Currently, I'm using the Webp image format with the next/image in my project.
It's working fine. But, I would like to show the fallback image (PNG or JPG) when the browser is not supported the webp format. How can I do that with the next/image?
I…

kogyikyaw
- 55
- 2
- 7
3
votes
1 answer
Why my Nextjs component renders as jpg instead of Webp or Avif?
With Nextjs the expected outcome is to see the Image component rendered as .WebP or .AVIF but it remains jpg -
Below is my next.config.js
/** @type {import('next').NextConfig} */
module.exports = {
images: {
domains: ['cdn.sanity.io'],
…

Enadot
- 107
- 3
- 9
3
votes
1 answer
How to compress a PNG image using Cocoa?
So, this is what I need :
Take an NSImage
Compress it as much as possible (loseless compress, no obvious drop in quality)
Save it back to disk
In the past, I tried using OptiPNG - as compiled binary (and getting results asynchronously) - which…

Dr.Kameleon
- 22,532
- 20
- 115
- 223
3
votes
4 answers
Image Optimization (Google App Engine with Python)
I haven't found a similar question that I'm looking for Image Optimization.
I've tested how much Facebook can optimize the image uploaded:
980KB --> 77KB
846KB --> 62.1KB
From what I found out, Facebook is capable of optimizing the image up to 10…

MrCooL
- 926
- 3
- 15
- 30
2
votes
2 answers
How to load low quality images first for faster downloading of website?
I'm working on Asp.net MVC3 web application. I'm having one page on which appx. 100 images of several size are being loaded with total appx. size of 1.5MB.
I will work on distributing this 100 images to several host names to make it load faster…

Krunal
- 2,967
- 8
- 45
- 101
2
votes
1 answer
Dynamically optimizing images in an MVC 3 website
I'm working on an MVC 3 website with an Admin section that allows the client to add their own images. By "optimize" I mean compressing the image file so that it's a smaller size without a noticeable difference in quality, similar to what this tool…

schplade
- 21
- 1
- 2
2
votes
1 answer
What image size should be used with Next.js?
Docs says:
The width of the image, in pixels. Must be an integer without a unit.
The height of the image, in pixels. Must be an integer without a unit.
https://nextjs.org/docs/api-reference/next/image
Different devices can have different size.…

János
- 32,867
- 38
- 193
- 353
2
votes
1 answer
Pixellena Light API does not return optimized image
Running the Light API of Pixellena I get a message similar to Not possible to create a webp that has a smaller size and also preserves quality of the original file, and my call does not return an image. How can I fix this so that I get the resulting…

LukeBowl
- 200
- 2
- 13
2
votes
1 answer
Why does Google Page Speed Insights show different score each time I analyze the website?
I tried to improve my Google Page Speed Insights mobile score by optimizing images on the website. I analyzed the website a few times - when I didn't do anything and when I replaced some not optimized images what was supposed to make things better.…

Ania
- 21
- 1
- 2
2
votes
0 answers
Can we optimize huge Woff2 File?
I have 3 huge woff2 font files(due to bussiness requirement). One file is 2MB in size. I have read somewhere that woff2 is by default compress so gzip is not helping me. So any way to optimize it or make it lighter?

Imran Qadir Baksh - Baloch
- 32,612
- 68
- 179
- 322
2
votes
1 answer
imagemin error [TypeError: (input, output, opts) => {
function minBytes(originalFilePath, destinationFilePath) {
return new Promise(function (resolve, reject){
var Imagemin = require('imagemin');
console.log(originalFilePath) // /app/public/images/temporary/4du_QIGCJb5.jpeg
…

user1775888
- 3,147
- 13
- 45
- 65
2
votes
1 answer
pagespeed_optimize_image.exe returning worse results than Google Page Speed Extension
Why is pagespeed_optimize_image.exe from http://page-speed.googlecode.com/files/pagespeed_optimize_image.exe returning worse compression than Google Page Speed Extension? For some of the images it is worse for even about 10 %.
Is there a way to…

user3853657
- 239
- 4
- 13
2
votes
1 answer
Google pagespeed isn't acceping my image as optimized
I'm trying to make my images optimized for google pagespeed test. I have an image with 1200x393 dimensions. When I optimize the image with Photoshop, its size is approximately 250kb and with Corel it becomes 100kb. Google doesn't accept either. It…

nikel
- 653
- 4
- 13
- 24
2
votes
0 answers
Customising class names in ASP.NET Sprite and Image Optimization framework
Is it possible to control the generated CSS class names within the ASP.NET Sprite and Image Optimization Framework?
Further information:
I currently have two sprites, one for 16x16 icons and another for 32x32 icons. At present the class names are in…

Brett Postin
- 11,215
- 10
- 60
- 95
2
votes
0 answers
Compressing compass generated sprites with Rails and Heroku
I'm having trouble right now trying to make sure that my images are optimized. I've manually optimized every image that I can, and I found this handy gem in combination with this to automate the process in future.
I have two remaining images that…

Eric Roberts
- 285
- 2
- 11