Questions tagged [image-optimization]

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.

123 questions
0
votes
2 answers

Сan i use the same Alt attribute for the preview and for the large product image?

Can I use the same Alt attribute for the preview and for the large product image? Or is it better to set Alt only for large images?
0
votes
1 answer

How do I delete the regular(jpg, png ) images after converting them to webp usging gulp?

I'm new to gulp. Trying to optimize the images and convert them into webp format. I was able to achieve that using gulp-webp. But it seems there are now two version of the images inside my dist/img folder one is the original and a webp version. So…
Bipul Roy
  • 506
  • 2
  • 7
  • 18
0
votes
1 answer

Certain parts of tailwind CSS not working in production

I've built a static website for my next JS app that uses tailwind CSS for styling. I'm using statically as a CDN. The website in the development server(local host) works perfectly alright. However, in production, certain parts of styling seem to be…
0
votes
1 answer

Is there an AWS solution that is similiar to IMGix or ImageKit

I am looking for a solution to resize, optimize, and use webp format for images on my site. I am already using AWS and was wondering if I needed to use IMGix or ImageKit to accomplish this or if I could use AWS. Thank you in advance for looking at…
0
votes
2 answers

images load before content?

I have a website where when a user does a query, he is taken to a results page with 25 200x150px image links. My problem is that (at least on my computer) the content seems to not load before the images! I have content before and after the image…
Andrei Chirtes
  • 221
  • 4
  • 13
0
votes
0 answers

Wordpress 5.7 is not creating multiple sized version of my uploaded images

So i've been following this advanced Wordpress Theme dev tutorial Wp Tutorial And all good but i'm seeing in that particular video that in the end he inspect with the browser and get an image with a srcset property However, when i use the exact…
Frank Ponte
  • 135
  • 1
  • 11
0
votes
0 answers

Shopify webp support and image optimization

Since Shopify loads images in webp format, I would like to know if I still need to pass my images through optimzation tools like optimazilla. I mean, is it still worth lowering the quality to some degree with those tools or what shopify image…
BWV831
  • 31
  • 4
0
votes
1 answer

using bitmap overlays

i have an app that places a fisheye distortion effect on a bitmap. to create the distortion i must loop through the entire bitmap checking whether a given pixel falls with a circle bounds. if it does then i manipulate that pixel. This process is…
turtleboy
  • 8,210
  • 27
  • 100
  • 199
0
votes
2 answers

How to extract the image paths and their recommended new dimensions for Automated Image Optimisation?

I am creating a php script to scrape the images and respective dimension recommendations from https://gtmetrix.com/reports/example.com/a_unique_code. After extracting the image path and the suggested new height and width, I will programmatically…
user12894566
0
votes
1 answer

Why image optimizer resulting identical version with no enhancement?

I installed composer require spatie/image-optimizer, but when I run the example below the I had two problems: 1- The class could not be found by calling it by using (use). So I solved it by using include. 2- After solving the first problem, the…
Maho
  • 35
  • 1
  • 6
0
votes
1 answer

Laravel Buglinjo/WebP does not save image

I'm having trouble using Laravel-WebP (https://github.com/buglinjo/laravel-webp). I did the installation as described on the page, as my laravel is version 5.8 disregarded the specific instructions for laravel less than or equal to 5.4. Here is the…
Max William Vitorino
  • 1,200
  • 2
  • 11
  • 19
0
votes
1 answer

Image optimization on the server using node

I have a server that's uploading images to the server. I need to optimize the image upload somehow. This is how I'm uploading my files: uploadImage(file, uid, res) { var fs = require('fs'); mongoose.connect(config.db, {useNewUrlParser:…
Alex Ironside
  • 4,658
  • 11
  • 59
  • 119
0
votes
1 answer

Obtain a list of most "heavy" images from a site

In the Chrome DevTools, is there a way to obtain a list of most heavy loaded pictures from a site? we are working of the site optimisation, so try to figure out the "bag" pictures. Like the bellow one, but to be able to export it in form of a text…
0
votes
1 answer

How to optimize images that are already uploaded in Drupal 8

I tried reducing the JPEG quality from /admin/config/media/image-toolkit. But it did not increase my Page Score. If there is any other way please let me know. Thanks in advance!!
0
votes
0 answers

Try to compile, install and run imgmin on ubuntu server, but command not found

I try to use imgmin (written in C) by rflynn (see on GitHub rflynn/imgmin). So I followed the instructions sudo apt-get install -y autoconf libmagickwand-dev pngnq pngcrush pngquant git clone https://github.com/rflynn/imgmin.git cd imgmin autoreconf…
Niranda
  • 79
  • 4
1 2 3
8 9