Retina

[kironet]

Q	A
Bug Report?	no
Feature Request?	no
BC Break Report?	no
RFC?	yes
Imagine Bundle Version	last one

Hey,

is it possible to somehow intergrate retina support?
If retina show double size.

Or how to generate 2 images.
first one car.jpg
second one [email protected]

Thanks

[robfrawley]

At the moment, you can just define two separate filter sets for normal and retina displays. You can configure any number of filter definitions to solve any resolution requirements, including those you may encounter with retina displays.

liip_imagine:
    filter_sets:

        # normal thumbnails
        thumbnail_normal:
            jpeg_quality:          85
            png_compression_level: 8
            filters:
                auto_rotate: ~
                strip: ~
                thumbnail:
                    size:          [256, 256]
                    mode:          outbound
                    allow_upscale: true

        # retina thumbnails
        thumbnail_retina:
            jpeg_quality:          85
            png_compression_level: 8
            filters:
                auto_rotate: ~
                strip: ~
                thumbnail:
                    size:          [512, 512]
                    mode:          outbound
                    allow_upscale: true

{# you need to define your own extension to determine if the display is retina #}
{# the `is_retina_display()` function below is only for the purpose of this example #}
{% if is_retina_display() %}
    <img src="{{ imagine_filter('thumbnail_retina', imagePath) }}" />
{% else %}
    <img src="{{ imagine_filter('thumbnail_normal', imagePath) }}" />
{% endif %}

[kironet]

@robfrawley thank. Sorry, but how to generate two images with different name
car.jpg nad [email protected]?

Right now i'm doing it like it is shown in documentation:

<img class="replace-2x" src="{{ asset('/path/to/car.jpg') | imagine_filter('thumb') }}" />

Thanks

//oh you're edited your answer, nice thanks :)