Responsive image (re)size - or how to serve different image sizes..

Plus d'informations
il y a 2 ans 6 mois #136316 par scool
scool a créé le sujet : Responsive image (re)size - or how to serve different image sizes..
...based on client screen dimension?

I need Picture(s) in my questions for i.e. choosing/selecting. Can i store i.e. one image (jpg) in 3 different sizes i.e. 375 x 667, 800 x 600, 1024 x 768 and serve the image size 375 x 667 for mobile devices and so on?

is there a trick? maybe can this served by an classid?

hopefully your scool

Connexion ou Créer un compte pour participer à la conversation.

Plus d'informations
il y a 2 ans 6 mois #136351 par DenisChenu
DenisChenu a répondu au sujet : Responsive image (re)size - or how to serve different image sizes..
There are a lot of specialized Web dev forum for this ....

searx.me/?q=responsive%20image&categories=general

Assistance on LimeSurvey forum and LimeSurvey core development are on my free time.
I'm not a LimeSurvey GmbH member, professional service on demand (or search sondages pro).
An error happen ? Before make a new topic : remind the Debug mode .

Connexion ou Créer un compte pour participer à la conversation.

Plus d'informations
il y a 2 ans 6 mois #136405 par tpartner
tpartner a répondu au sujet : Responsive image (re)size - or how to serve different image sizes..
In most cases, simply loading the largest image and scaling with CSS is adequate.

img {
	width: 90%;
	height: auto;
}

Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.

Connexion ou Créer un compte pour participer à la conversation.

Plus d'informations
il y a 2 ans 6 mois #136412 par DenisChenu
DenisChenu a répondu au sujet : Responsive image (re)size - or how to serve different image sizes..
Hi Tony,

Yes : with thgis one : you have an responsive image (in fact , i use img,video,svg{max-width: 100%;height: auto;} at start of any css file, just after the reset part). Taken from getSkeleton (but older than this).

But here : is different source for image, depend on screen size.

I have a french link : blog.nursit.net/Adaptive-Images-et-Responsive-Web.html

Some english link from this source:
- css-tricks.com/which-responsive-images-solution-should-you-use/
- www.smashingmagazine.com/2013/07/choosin...sive-image-solution/
And : xkcd.com/927/

Denis

Assistance on LimeSurvey forum and LimeSurvey core development are on my free time.
I'm not a LimeSurvey GmbH member, professional service on demand (or search sondages pro).
An error happen ? Before make a new topic : remind the Debug mode .

Connexion ou Créer un compte pour participer à la conversation.

Commencez dès maintenant !

Créez simplement un compte et commencez à utiliser LimeSurvey dès aujourd'hui.

Inscrivez-vous maintenant

Inscrivez-vous à notre Newsletter!