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 can set the media query for the screen size you are going to make the
change and just swap display none to the big one
On Thu Nov 20 2014 at 7:26:27 AM Jorge Andrés Vergara Ebratt <
javebr...@gmail.com> wrote:
> 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 <andreas.ku...@suitopia.com>
> wrote:
>
>> 2014-11-20 9:44 GMT+01:00 Alex Strickland <s...@mweb.co.za>:
>>
>>> 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.
>>>>
>>>> Are there any apps that you can recon for this?
>>>>
>>>> Thanks a lot for your tips!
>>>>
>>>
>>> Have a look at Bootstrap 3, lot's of adaptive stuff (client side though,
>>> so no real effect on Django).
>>>
>>> --
>>> Regards
>>> Alex
>>>
>>> --
>>> You received this message because you are subscribed to the Google
>>> Groups "Django users" group.
>>> To unsubscribe from this group and stop receiving emails from it, send
>>> an email to django-users+unsubscr...@googlegroups.com.
>>> To post to this group, send email to django-users@googlegroups.com.
>>> Visit this group at http://groups.google.com/group/django-users.
>>> To view this discussion on the web visit https://groups.google.com/d/ms
>>> gid/django-users/546DAA08.8070505%40mweb.co.za.
>>> For more options, visit https://groups.google.com/d/optout.
>>>
>>
>> Bootstrap only scales the images on other devices, you are still serving
>> the same size of images to the user (the download size will still be the
>> same).
>>
>> I really don't know anything that will do what you want (you would have
>> to look at the user agent and serve different images depending on agent). I
>> think you should be able to use something like the "easy thumbnail" plugin
>> for creating different sized images for different devices. Don't know about
>> serving different images depending on device though.
>>
>> Regards,
>>
>> Andréas
>>
>> --
>> You received this message because you are subscribed to the Google Groups
>> "Django users" group.
>> To unsubscribe from this group and stop receiving emails from it, send an
>> email to django-users+unsubscr...@googlegroups.com.
>> To post to this group, send email to django-users@googlegroups.com.
>> Visit this group at http://groups.google.com/group/django-users.
>> To view this discussion on the web visit https://groups.google.com/d/
>> msgid/django-users/CALXYUbn_GZ%2B1%2BFQ%2BDzKgDq_
>> DP0XidoxGuOQpFF71YH6Tpf7mDw%40mail.gmail.com
>> <https://groups.google.com/d/msgid/django-users/CALXYUbn_GZ%2B1%2BFQ%2BDzKgDq_DP0XidoxGuOQpFF71YH6Tpf7mDw%40mail.gmail.com?utm_medium=email&utm_source=footer>
>> .
>> For more options, visit https://groups.google.com/d/optout.
>>
>
--
You received this message because you are subscribed to the Google Groups
"Django users" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to django-users+unsubscr...@googlegroups.com.
To post to this group, send email to django-users@googlegroups.com.
Visit this group at http://groups.google.com/group/django-users.
To view this discussion on the web visit
https://groups.google.com/d/msgid/django-users/CAAeX05F40WniWKStonxHO_Tysy0HA4wbmfeqEvjV86o6oqnFmQ%40mail.gmail.com.
For more options, visit https://groups.google.com/d/optout.
