Responsive-images is the part of Responsive Web Design (RWD) dealing specifically with images on the web to provide optimal experiences across a wide range of devices based on screen size, platform, and orientation.
Questions tagged [responsive-images]
518 questions
1
vote
1 answer
responsive-loader only returns a data url
I am trying to use responsive-loader in my vue/node project, but it only returns a data url.
I installed with
npm install responsive-loader sharp --save-dev
Here is my vue.config.js
module.exports = {
chainWebpack: config => {
…
Trevin Avery
- 2,751
- 2
- 20
- 31
1
vote
1 answer
bad size image responsive when gatsby site is deploy on Netlify
I make a Gatsby site with image fluid to have a responsive image on my site, that work fine in local development and when I build and use serve to deploy locally, all the images have a good size. But when it's deployed on Netlify the image choice is…
Knupel
- 323
- 2
- 14
1
vote
0 answers
Looking for a good way to render responsive image srcSet in create-react-app
on a create-react-app project we have some bitmap local images to display, e.g.
src/images/logo.png
src/images/logo@2x.png
src/images/logo@3x.png
anyone know of any good ways to simplify making these responsive? i.e. to populate the srcset like…
schpet
- 9,664
- 6
- 32
- 35
1
vote
1 answer
displaying images using for loop in html
I am pretty new to django and now I'm currently learning how to access images in database and display it using html. I want to put the images as elements in a list for further styling and making the page responsive using css but I don't want to…
Nithish Kumar
- 68
- 6
1
vote
1 answer
After setting up a background-image in CSS, content is being cut to empty space if the window is resized
I'm having a problem with my layout when I set a background-image with CSS. I've looked through Google and SO but couldn't find someone with exactly the same problem, and none of the solutions applied.
What I'm trying to do is create a page with a…
user70557
- 11
- 1
1
vote
0 answers
Add image size to image generated by WP customizer?
I have a custom image field in my wp customizer and I can call it up in my template file like so:
">
I want to add one of my image sizes (such as "thumbnail") to it like this:
Justin Kendall
- 53
- 7
1
vote
1 answer
How to pass multiple lazyload placeholders to picture element?
We can implement lazyload into picture element within source tags. But we've got only one img tag and we can load lazyload placeholder image in this img tag's src attribute. So if I want to set seperate lazyload placeholders for each image that is…
Emre Baltaci
- 11
- 3
1
vote
2 answers
How to combine JPEG / webp / jpg2000 / JPEG XR with responsive images using srcset and sizes?
I'm getting really confused about how to best implement different next-gen (JPEG / webp / jpg2000 / JPEG XR) image formats with responsive srcset images?
I would like to have different sizes of images for different screen widths, but also different…
HomoHabilis
- 37
- 1
- 7
1
vote
1 answer
Issue with responsive header image
I was wonder if I can get some help with the header image and it responsiveness. Friend of my build this ebay ad template. I've tried to add an image in the header. I've specified width and height of the image due to it size. So far so good, however…
Konrad_K
- 11
- 2