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
2
votes
1 answer
Twitter Bootstrap and Images
I'm somewhat new to bootstrap, yet pretty proficient at site development and css... I'm having trouble wrapping my head around how Bootstrap deals with optimized images for different viewport sizes.
In my experience, you need to optimize images for…

oucil
- 4,211
- 2
- 37
- 53
2
votes
1 answer
Using ImageOptim for *lossless* PNG optimization results in different color images
Google's PageSpeed tool told me to optimize my PNG images, which were saved for web in Photoshop. After researching lossless PNG compression options I downloaded ImageOptim and put a few images through it. The results have vastly different colors…

user2367680
- 67
- 2
- 7
1
vote
1 answer
Large thumnail size for tiny image created with Imagick->resize()
Ok, I have a simple PHP script, that generates a thumbnail for a large picture using Imagick PHP extension.
The simplified script is:
$this->image = new Imagick ();
$this->image->readImage($origFileName);
$this->image->resizeImage(76, 50,…

WASD42
- 2,352
- 6
- 27
- 41
1
vote
2 answers
Wagtail - Image Optimisation ( How to do it with static and dynamically added image files?)
so I want to run my site with my images displayed as quickly as possible and the images are added either by giving the {% static "path/to/image.jpg" %} or by rendering the image tag for wagtail image uploads {% image image_name original as img %}.…

Imthiaz Muhassin
- 13
- 3
1
vote
0 answers
Remote images not found in NextJS deployment on Vercel
I am working on the latest nextJS version. I am trying to load images from a Magento CMS. They work fine in local, but on deployment to Vercel, I get not found error
GET https://consumer-omega.vercel.app/a/b/absinthe20teichnnd_vhi6ffkxpdwl9ism.jpg…

Sahil Sharma
- 1,493
- 2
- 10
- 22
1
vote
1 answer
Nuxt/Image - what is the difference in fit="inside/outside"
What is the difference between those keys, as per documentation
"inside: Preserving aspect ratio, resize the image to be as large as possible while ensuring its dimensions are less than or equal to both those specified."
"outside: Preserving aspect…

seven
- 1,183
- 14
- 33
1
vote
0 answers
spatie/image-optimizer keep certain metadata
I am trying to keep certain metadata with spatie/image-optimizer image optimization library, but am not successful.
Is It even possible ?
I see no variables for metadata. Just strip all. Any help is appreciated.
(new OptimizerChain())
…

Eligijus
- 634
- 1
- 6
- 15
1
vote
1 answer
Error: Input buffer contains unsupported image format when trying to use Next JS next-optimize-image
I was using the default component to optimize images in my Next JS app but found out that the site can't be hosted anywhere else apart from Vercel if the default Image Optimization component is used. Apart from that, the site can't also be exported…

Idris
- 558
- 7
- 29
1
vote
1 answer
Despite of being use WebP format for images, "serve image in next generation" issue still come
In my website (on blogger) I used all images in WebP format still Google page speed insight give the error of server image in next generation... Why this occurs any one help...
One more thing that i noticed is I had uploaded (for ex.) Image of 30…

ASHISH KUMAR
- 155
- 1
- 10
1
vote
1 answer
Image processing operations and methods for geometry extraction
I already asked this question and I solved one task of my original question. However, I am still struggling with obtaining a decent pre-processing image.
In general, I am trying to approximate different shapes of a weld bead geometry cross section…

PhilE
- 121
- 7
1
vote
1 answer
Next.js image optimization for CSS background-image
I want to use Next.js new feature Image optimization for background images in styled-components. Is there any way to optimize images without the Image component?

Mohammad Reza
- 361
- 3
- 10
1
vote
1 answer
Image optimization laravel
How can we reduce image size i.e make it around 100kb without reducing it's quality and scale(height and width) can we do using laravel intervention? For any sample code you have, please help me.

Sabin Bajgain
- 43
- 4
1
vote
1 answer
lazyload picture (webp + fallback)
I would like to lazyload webp-images with a fallback-image.
My html looks currently like this:

Krystian
- 887
- 5
- 21
- 52
1
vote
1 answer
Image optimization Android to reduce the APK size
I have created an apk whose size is 80mb. I have set minifyEnabled true shrinkResources true in Gradle file. Now I want to optimize the images so that it will reduce the APK size. How can I optimize the images in android?

Antim Arora
- 15
- 1
- 6
1
vote
2 answers
Error on uploading images with size greater than 1MB
I used to upload images on the server without any problem, but after I installed spatie larave-image-optimizer I ran into some problems. I can upload any image that is less then 1MB, but anything over will break it
I tried to console log or dump an…

Darius Biro
- 169
- 1
- 3
- 12