Stack Overflow
Stack Overflow

Questions tagged [retina.js]

retina.js is an open source script for using high-resolution images to devices with retina displays

38 questions
91
votes
9 answers

How to test a website for Retina on Windows without an actual Retina display?

Is there a way to simulate a Retina display on Windows to test a website for HiDPI displays such as Retina? I run Windows on a standard 24" 1920x1080 monitor. Last night I checked out my website on a friends brand new 15" Retina MacBook Pro and the…
Alexander Rechsteiner
  • 5,694
  • 5
  • 34
  • 47
25
votes
7 answers

Suppressing 404s in retina.js library

We use the js lib retina.js which swaps low quality images with "retina" images (size times 2). The problem is, that retina.js throws a 404 for every "retina" image which can't be found. We own a site where users can upload their own pictures which…
j7nn7k
  • 17,995
  • 19
  • 78
  • 88
11
votes
3 answers

Rails asset pipeline retina @2x and cache buster timestamps are at odds

retina.js looks for an image with the same filename but with @2x before the file extension The rails asset pipeline adds a cache busting timestamp to the end of the filename This means retina.js is looking for filename-cachebuster@2x.png but the…
msaspence
  • 1,424
  • 2
  • 14
  • 25
4
votes
2 answers

Carousel (Twitter Bootstrap) + retina.js doesn't work as expected

I have recently released my home page in which I use carousel + Twitter Bootstrap + retina.js. http://www.stelab.nagoya-u.ac.jp/~okumura/index.html When I access this page with my old MacBook Pro (non retina), it shows the carousel as expected.…
Akira Okumura
  • 1,816
  • 2
  • 20
  • 41
3
votes
1 answer

Retina Devices in web developing: Do I still need to have 2x images?

A lot of the information about Retina devices comes from ~2013 but not much recently. It seems like, for example in retina.js, it includes anything with a device pixel ratio of > 1.5 to be "retina", but don't all smartphones have well over 1.5…
react
  • 53
  • 1
  • 3
3
votes
1 answer

retina.js not working - Don't know why

I don't have much code to put in, but looking for help in order to save what hair is left on my head... I'm using retina.js, and it isn't working for any of the images. The @2x images are in the same folder as the smaller ones. One if them isn't…
alexwc_
  • 1,595
  • 2
  • 24
  • 35
3
votes
0 answers

retina.js console log error for non-retina images

I am using retina.js - http://retinajs.com/ and it's great however I have some images which aren't use @2x the size. On a retina screen there is obviously a console error trying the get the images which doesn't exists. It says GET…
kayee
  • 330
  • 2
  • 6
  • 21
2
votes
0 answers

retina.js for hardcoded css background-images

i'm using using the css background-image attribute to display images. Those images are queried via ajax, therefore I know i am supposed to call this: $('img').each(function(){new RetinaImage(this);}); after the images are loaded. It works with…
hannes
  • 41
  • 7
2
votes
4 answers

Optimizing website images for Retina display

I've been trying to find a good approach to solve a very commmon problem in the retina era. Lets say the following is given: Create a website with responsive images No CSS background images Websites basic functionality must be working without…
Michael Falck Wedelgård
  • 2,943
  • 1
  • 27
  • 39
2
votes
1 answer

Double url with LESS css

I have a simple LESS stylesheet for retina background images, but what ends up happening is it prepends my domain name to the url and fails to display the image. Ex: it will change the url to http://mydomain.com/'_img/background@2x.jpg', and then…
cclloyd
  • 8,171
  • 16
  • 57
  • 104
2
votes
0 answers

Hosting static images on subdomain while using retina.js

I am trying to get retina.js to work on a tumblr that I have CNAME'd my subdomain to. So I have blog.benwhitla.com pointing to benwhitla.tumblr.com using CNAME, as tumblr recommends. I want to host both normal and @2x static inline images, and have…
BenWhitla
  • 21
  • 2
1
vote
1 answer

retina.js v2.0 not working for images

I trying to use retina.js v2.0 to swap images, but it's not working, I don't know why. I also check it in developer tools, but there's not any error. Can u help me, what could be the problem? HTML:
pzoli
  • 87
  • 1
  • 8
1
vote
2 answers

angular-retina.js and css backgground image

I started to use (retina.js) to load an alternative image for retina displays. Which works with no problem. So I started to change all my static images with this. But I have some of them…
jenciso
  • 145
  • 3
  • 7
1
vote
1 answer

Issue with retinajs plugin

I'm trying to implement retina.js plugin but experiencing a weird issue. When checking my website with my ipad it seems that the scripts detects that this is a retina screen as it display the @2x logo picture, but instead of displaying the logo…
Greg
  • 3,025
  • 13
  • 58
  • 106
1
vote
1 answer

Retina images not resizing in responsive

I have a site I'm working on that is using retina.js (http://imulus.github.io/retinajs/) to switch out non-retina images for retina images specifically for retina devices. The site is a responsive HTML website (using Twitter Bootstrap). Here's the…
flinx777
  • 597
  • 2
  • 11
  • 25
1
2 3