Retina images?

[Derek Skinner]

Hey all!

Is there currently a way to detect when an ad is being served on a retina display and serve 2x images instead of normal 1x assets? 

I can currently do this in Flite and Celtra, but have not been able to find a way to do this in GWD.

Any help is greatly appreciated.

[Valerio Virgillito]

Hi Derek,

In the current release of GWD there isn't any UI or setting that will let you toggle an image (or other element) based on the current screen resolution (retina display). But there are couple different manual approaches that can be used in GWD to achieve the same effect. I would not recommend using media queries since the document will not be author-able with them. Instead I would suggest using some custom JavaScript:

1. Using code view you could paste a simple isRetina JavaScript method (lots of examples online) and then call this method in the pre-stubbed 'handleDomContentLoaded' method and replace the images 'source' attributes.

The 2 media attributes to be checked for this are

- min-resolution

- min-device-pixel-ratio

Hope this helps, and let me know if you have more questions.

Thanks,

Valerio.

[Adam Gore]

Derek did you get a solution?

Im not very good with javascript, it would be great to get some code examples.

[Adam Gore]

i put this - https://gist.github.com/kirkonrails/73fffc83943ad52b6fc0 inside 'handleDomContentLoaded' but it didnt work, i get a Uncaught TypeError: Cannot read property 'replace' of undefined.

Do you have any examples you could link me to?

[Adam Gore]

Could i just use a retina image, but halved in size? so my canvas is 320x50, but i just load one image (640x100) but its dimentions will be wdith:320px height:50px

so whoever gets it will only load the retina image but be at the same size.

?? Sorry to spam haha

[David Edeburn]

This is what I was thinking as well. GWD team will Adam's suggestion work for Doubleclick RM mobile ads? Would be a great solution to just bring in assets at double resolution and shrink them by 50% inside of GWD. 

[d...@fancypantsgroup.com]

waht if the image is a dynamic element