Display images in Preview at full resolution on a Mac with Retina display? - resolution

If I download an image from the web that has say 720x720 pixels at 72dpi, when I open this in Preview, it displays an image that is 10"X 10" at 72dpi. But... the Retina display on my MBP has a native resolution o 220dpi!
How can I get Preview to size the image down so that it displays at the full 220dpi resolution?
Thanks!

Related

A PDF viewer for PDF with large vector images on linux?

I need to view some PDF with large vector images (they can be really large) on linux (I am on Debian Wheesy). I need also to zoom on theses images with more than 400% (infinite zoom would be great, more than 800% would be good). I have tested several PDF viewers but they have the following problems :
Evince : cannot zoom more than four or five increase of zoom ("+"), the image is so big that it doesn't even display the percentage of zoom.
Okular : cannot display the image (all is blank) after a certain degree of zoom (~70%-80%).
muPDF (last version from git and debian repository version) : cannot open a too large image. Error message : "Interger overflow" (last version) or "Out of memory" (debian version).
Xara LX : cannot import PDF in the open source version. Convert PDF to SVG for importing into Xara LX does not fit my needs because my PDF contains several pages.
Inkscape : can open PDF and its zoom is powerful, but it's not a PDF viewer so the navigation is slow.
Xournal : cannot open correctly the image (all is black).
Do you know others open source PDF viewer that could open and zoom on PDF with large vector images ?
Thank you in advance,
Both Ubuntu's Evince reader and Linux Mint's Xreader will increase their max level of zoom if their cache size is increased. You can use gsettings to view or change these settings.
Evince reader's zoom can be increased with:
gsettings set org.gnome.Evince page-cache-size 200
Xreader with:
gsettings set org.x.reader page-cache-size 200
In both cases you'll need to select an appropriate cache size in megabytes. You can first look at what your current setting's value is by instead using the gsettings get command.
xpdf is the open-source viewer that works efficiently on very large vector images.
The only drawback is that it has an old interface and is not well integrated into gnome; I have to start it from the commandline as it doesn't show up in my Nautilus "open with" list.
qpdfview
For example Evince failed in opening the map (size is 197MB) attached to this paper
EVANS, David JA; EWERTOWSKI, Marek; ORTON, Chris. Eiríksjökull plateau icefield landsystem, Iceland. Journal of Maps, 2016, 12.5: 747-756.
on the other hand qpdfview succeded (but no more of 500% zoom).
Try Foxit-Reader: http://foxitsoftware.com/pdf/desklinux
Only drawback is not being open-source but it works just fine.

IE10 does not scale background SVG correctly when zoomed (on Surface/Windows 8 phone)

Does anyone know if there is a workaround for this? Internet Explorer 10 and Window phone 8 are not able to correctly scale background SVG images when a user zooms. Looks like IE rasterizes the SVG on load.
Here is an example: The first image is the SVG as a background image. Zoom in on a MS Surface or Windows 8 phone and you'll see it blurs horribly.
The second image is the same SVG as an img tag. Zoom this on a Surface or Windows 8 mobile phone and it scales as you would expect (nice and clean).
Is there any property that can be added to make IE10 behave? Or is it merely a case of waiting for the folks at Redmond to fix it?
The problem is that IE, and other browsers such as Firefox rasterise the SVG before displaying it, so it will become blocky when zoomed.
The easiest way to fix this is to make the SVG file larger than is needed. For example double the size, or more if the user is likely to zoom in further. You can then resize the SVG image with CSS to display it at the correct size. This way the image will be naturally larger, so wont become blocky, unless you zoom in even further. At default zoom level the image is scaled down rather than up, which browsers usually handle better.
Edit: You can find further info on this issue under the “SVG and CSS Backgrounds” heading at http://dbushell.com/2012/03/11/svg-all-fun-and-games/

Retina Display and it's implementation confuses me

Ok so I have been working with a designer who made the mockup of app in Photoshop. I am not using iPhone statusbar and using custom navigation bar which the designer made of 100px. In that navigation he put an icon of 48 pixels.
Now I have to transform into code and I am using UIWebView for the purpose. The layout he designed, I am going to make it in HTML/CSS that will be loaded in UIWebView.
Now the issue is, the PSD he made for the screen has SIZE of 640 x 960. In Iphone4 it's resolution rather than Physical Size. Base on setting of 640 x 960 pixel Image/PSD, he made the top bar of 100pixels. Now If I follow him that things getting messed up.
What I did that I just made everything half of size to accomodate 320 x 480 sceen size in CSS. I set Navigation Bar to 50px(for 320 x 480) and I put #2x.png image (48 x 48) in it.
Now when I load app in my mobile it appears big as it should which gives me impression that 48 pixels did not appear as 24px Image with High Density.
I am quite confused, If I make 100px navigation bar then everything looks big as I am targetting big size while I have to target high resolution. How do I adjust elements(DIV) and Images in my scenario?
Take a look at these articles on using CSS3 media queries and the viewport tag in order to help manage styles between normal and high definition displays:
Targeting the iPhone 4 Retina Display with CSS3 media queries
iPhone 4 and iOS 4 Safari Detection and Behavior

image size compressing. Can't make imageView look like photoshop image

I've got a tablet Galaxy tab gt-p5110 and I'm trying to adopt photoshop design. This tablet has a 1280 x 800 resolution and my photoshop design has the same resolution as well. However, when I transfer images photoshop on Android layout everything seems to be compressed and smaller. It simply doesn't actually look like in photoshop design.
What am I missing here ? Resolution is the same.
Mabye you have different color profiles in use?

What Android layout file does the HTC Evo 3d use?

I think the phone uses the layout-hdpi file but this doesn't seem right, mostly because its dimensions(540 x 960) are not what I'm used to seeing(480 x 800) for layout-hdpi phones. So what is the actually layout file used? Also, if it is layout-hdpi phone how can I stretch an icon that has a width of 480 to 540? Would I programmatically have to test the phone's dimensions and then expand the drawable-hdpi file to fit the various device dimensions? I looked at this link but they never specified what layout file was used.
Yes, HTC Evo 3d use drawable-hdpi images. You should have to put the Layout file also. Put the same file into layout-hdpi.
Now create the Emulator of the Resolution 540 X 960. And test the App in it. There should be minor difference between normal hdpi and HTC Evo Screen resolution. Manualy test it.
I am getting same trouble before some days. What i have done is: I am going to check the resolution of the devide screen size at run time. And if the Resolution is compare to that HTC Evo 3d then it will set the height and Width of the All Images at run time that fit to the HTC Screen Resolution.
That was the Best Solution i found till today to Make app for HTC Evo 3d.
For Checking the Resolution at run-time you can use this:
Display display = getWindowManager().getDefaultDisplay();
DisplayMetrics dm = new DisplayMetrics();
display.getMetrics(dm);
int width = display.getWidth();
int height = display.getHeight();
if((height==960) && (width == 540)){
// Do change the Image Height or Width or position
}
Enjoy. :)

Resources