Stack Overflow
Stack Overflow

Questions tagged [srcset]

The srcset attributes on the img element can be used, using the x descriptor, to provide multiple images that only vary in their size

390 questions
0
votes
1 answer

Using and for clickable images using media queries

I need to be able to make this as a link and have the subsequent linked page show the correct image file based on screen size. The html was working to choose the correct image before i added the a href. Is there a way to accomplish what I'm seeking?…
user3697526
  • 37
  • 10
0
votes
1 answer

Responsive images srcset not behaving as expected

I am trying to implement a full screen responsive image solution with the following loose requirements 0-600px > displays small image 601-900px > displays medium image 901-2000px > displays large image After a bit of digging, I decided to work with…
sygad1
  • 1,392
  • 3
  • 12
  • 19
0
votes
1 answer

TYPO3 responsive img datakey.xxx has no stdWrap?

I want to get specific image info in the sourcecollection: if original imagewidth < 1040px it should give a datakey which has the original width, so I tried to get the original width maxW < TSFE:lastImageInfo|0 and other differnet methods, but it…
user3699049
  • 3
  • 2
0
votes
2 answers

srcset not working on img

I have a React SimpleImage component which uses srcSet to use the srcset property on the img. The component has the code: const image = ({alt}
vamsiampolu
  • 6,328
  • 19
  • 82
  • 183
0
votes
1 answer

Feeling completely lost with responsive images using srcset and sizes

I've been trying to optimize images on my photography site using srcset and sizes, but the inspector in the browser is telling me that it's loading the largest image size. To confirm this, I added a new image with numbers so I can see for sure which…
jgelt
  • 45
  • 5
0
votes
1 answer

Using jQuery to replace UIKit's Slideshow source image with a responsive one based on srcset

HTML:
0
votes
2 answers

Wordpress 'SRCSET' Making me confused, How to use it properly for mobile?

I am trying to decrease the size of the images in my WordPress blog. As I know srcset is the first step to do that. After analyzing my web pages I notice, that WordPress not showing srcset properly or maybe browser is picking up wrong…
Rocky Sena
  • 481
  • 1
  • 5
  • 15
0
votes
2 answers

Difference between srcset and media query?

What is the difference between srcset and media query? Which is better and when to use them? Thanks!
Casanova
  • 243
  • 2
  • 11
0
votes
2 answers

Img srcset loading images when browser at half image size

(using latest version of Firefox) I have my img written like so: …
shan
  • 3,035
  • 5
  • 34
  • 50
0
votes
2 answers

Hide images based on screen size and prevent them from downloading?

I'm trying to have a particular image show on small screens and a different image show on larger screens. I know this can be achieved with media queries but I'm concerned about both images downloading even if display is set to none. I'm aware of…
panthro
  • 22,779
  • 66
  • 183
  • 324
0
votes
1 answer

HTML - srcset not working using w? Produce no image?

Alright, Ive worked in html for a while but now attempting to build a fully responsive site with responsive images/changes according to device. I need this for a client and was going to do with media calls in CSS but found a tutorial on srcset…
blue
  • 7,175
  • 16
  • 81
  • 179
0
votes
0 answers

Manually displaying responsive image via JavaScript vs srcset

I am using srcset for responsive images on my site:
Molly Harper
  • 2,363
  • 3
  • 26
  • 35
0
votes
1 answer

WordPress Responsive Images 4.4

So I know WordPress has added features to optimize images through the srcset and sizes attributes, but what about background images? I like how easy it is to fit an image inside of its container if I make it a background image, but i'm worried that…
Jordan Carter
  • 1,276
  • 3
  • 19
  • 43
0
votes
1 answer

Art Directed Responsive Images

I am trying to change/art direct an image based on device and screen sizes — not just change the resolution of the image. I am using the element, and it is working fine when I resize browsers on my desktop, but is not working on mobile…
OKeefe
  • 1
  • 1
0
votes
1 answer

Applying responsive image properties in source code

I've created two versions of logo, a vertical and a horizontal one, the first for mobile screens, the second for desktop, to swap from one to another I need picture element. Unfortunately I've failed to implement it both in Dreamweaver, and Sublime…
Yiannis
  • 1
1 2 3
…
25 26