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.
image-optimization
128
questions
0
votes
0
answers
20
views
image performance optimization in the Shopify Theme
I am trying to write img HTML tag which should optimized for performance and responsive for all devices. I applied the sizes, widths property to the img tag. Below is my liquid code
{%- assign widths =...
0
votes
1
answer
45
views
How to serve images from remote storage to client with Next.js
This is a little bit more of a speculative question regarding the best practices of serving the images from remote object storage.
According to Next.js docs, one should load remote data to server ...
0
votes
0
answers
32
views
Memory Optimisation Flutter
I am developing an app which asks the user to choose from a list of images from their gallery. Once the user chooses a list of images I render it on the screen for further use cases. I am currently ...
1
vote
1
answer
527
views
NextJs app loading slow on safari but fine on chrome, why?
I'm developing a web app with nextjs. I've found linking to pages (specifically home page, which loads multiple svgs and images) lags and doesn't even show loader while using safari, but I'm happy ...
0
votes
1
answer
229
views
Check image quality in flutter
I am building an app where the user can pick multiple images and I lay all the images out in a gallery view. I need to show an i icon on the images that has very low quality. Now my question is that ...
1
vote
1
answer
540
views
How to optimise a large image with Astro?
I am trying to optimise a 2.4 MB image (4514x5789) with Astro.
I tried:
<Image
src={Image}
alt="image"
quality={80}
format="webp"
loading="lazy"
widths={[...
0
votes
0
answers
113
views
why is the next/image not loading images on production?
smaple code
`/** @type {import('next').NextConfig} */
const path = require("path");
const nextConfig = {
reactStrictMode: true,
unoptimized: false,
transpilePackages: ["@nextui-...
0
votes
0
answers
84
views
Will assets folder affect angular performance?
I have a project with Angular 16. It was assumed to have more than 100 SVG files in my assets folder. I'm sure that it will increase bundle size, but I'm not sure if it will affect the performance of ...
0
votes
0
answers
116
views
How to load images smoothly in lozad.js
I have implemented lozad.js in one of my project but images getting load in multiple chunk loading which looks very odd,
Sometimes it load half image and then 1/3 image and then full, which look very ...
1
vote
1
answer
1k
views
How can I safely minify and optimise SVG files?
SVGO is currently the only actively-developed optimiser/minifier for SVG files, which - although being the most common filetype for vector images on the web - are rarely optimised for bandwidth and ...
0
votes
0
answers
136
views
Nextjs 12 next/image not providing optimized image in Pagespeed
I am using next/image from NextJs 12 but my problem is the page speed always shows that images are not sized properly.
P.S. I am trying to use this image as background image
Can anyone please guide ...
2
votes
0
answers
214
views
On iOS my images load way too slow. I am using expo image picker with Firebase cloud storage with xhr blob conversion
On Android it hasn't shown to be an issue but iOS takes a full minute to display images when taken with camera/gallery to create a new post AND also in a FlatList render.
Has anyone else had this ...
0
votes
0
answers
434
views
Next.js static site image keep reload on scroll
I was trying to create an image gallery with next.js, there are around 40 images from top to bottom.
After all the images finished loading, when I scroll back to the top, all the image reloads. (like ...
0
votes
1
answer
152
views
CDN is serving images on some pages but not on others
I have some issues trying to troubleshoot an issue on a website.
The CDN (content delivery network) is working some pages but not on other pages, I first thought it was due to a writting error on the ...
1
vote
2
answers
813
views
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 ...