Right. Very good article.
The gist is to use the new HTML5 "" and ""
elements along with the "sizes" and "srcset" attributes of
"", and perhaps the CSS3 "calc()" function to specify
multiple sizes of the same image, so the browser only
downloads the right one for the current screen size, all in
AListApart recently published a great article on responsive
images: http://alistapart.com/article/responsive-images-in-practice
On Thursday, November 20, 2014 1:05:45 AM UTC-5, ThomasTheDjangoFan wrote:
>
> Hi guys,
>
> do you have a tip for implementing adaptive (responsive) images in django?
>
It really depends on what your end goal is.
tl;dr - the fastest fix for you will probably be to use CloudFlare polish
[1]
Long answer:
Responsive images are fine, but useless on mobile devices if your original
image is not mobile optimized (due to bandwidth/speed limitations on most
networks,
2014-11-20 13:32 GMT+01:00 Jorge Andrés Vergara Ebratt
:
> Sorry, I hitted send instead of enter...
>
> As I was saying, you can have both images in the server, and have them
> both in the HTML
> 1. img class="big" src="path/to/big
> 2. img class="small" src="path to small"
Sorry, I hitted send instead of enter...
As I was saying, you can have both images in the server, and have them both
in the HTML
1. img class="big" src="path/to/big
2. img class="small" src="path to small"
Then in the CSS you add
.small {display: none;}
and a media query for small screens
You
Actually yo could do it with CSS alone...
You can have the 2 images on the server and add both in the html
And having the CSS like:
On Thu, Nov 20, 2014, 3:59 AM Andreas Kuhne
wrote:
> 2014-11-20 9:44 GMT+01:00 Alex Strickland :
>
>> On
2014-11-20 9:44 GMT+01:00 Alex Strickland :
> On 2014-11-20 08:05 AM, ThomasTheDjangoFan wrote:
>
> do you have a tip for implementing adaptive (responsive) images in django?
>>
>> Basically I want to server smaller images to mobile-users and bigger
>> images to desktop users.
On 2014-11-20 08:05 AM, ThomasTheDjangoFan wrote:
do you have a tip for implementing adaptive (responsive) images in django?
Basically I want to server smaller images to mobile-users and bigger
images to desktop users.
I don't really now about best practices for SEO and Siteload-Performance.
You don't need Django for that.
The idea behind responsive images is that you can scale them and adapt to
users screen using css.
On Thursday, November 20, 2014 8:05:45 AM UTC+2, ThomasTheDjangoFan wrote:
>
> Hi guys,
>
> do you have a tip for implementing adaptive (responsive) images in
Hi guys,
do you have a tip for implementing adaptive (responsive) images in django?
Basically I want to server smaller images to mobile-users and bigger images
to desktop users.
I don't really now about best practices for SEO and Siteload-Performance.
Are there any apps that you can recon for
10 matches
Mail list logo