Questions tagged [retina]
Questions about Apple's liquid crystal displays that, according to Apple, have a high enough pixel density that the human eye is unable to notice pixelation at a typical viewing distance.
45
questions
1
vote
0
answers
262
views
Export PNGs from Photoshop when on Retina display
I am on a 5k iMac and creating thumbnails from screen shots for use in a website. In case it matters, my display resolution is set to 3200x1800 (less than the number of physical pixels of the display ...
- 11
1
vote
1
answer
450
views
Displaying older images on web for Retina/high pixel density screens?
I appreciate this topic may be old news to many of you, but after years of putting it off I recently got a new Mac and find myself out of the loop on a number of changes. Looking at my old website on ...
- 21
1
vote
3
answers
104
views
Creating a Brand Book - Resolution difference between Retina/non Retina
I am currently working on a brand book in Illustrator for a client and I have issues with the sizes (font size, resolution, etc.). What document settings do I have to use on my retina Macbook to make ...
- 11
0
votes
1
answer
187
views
Having trouble with Retina image size in Email
I just got a new imac.
When I opened up an old email design in Photoshop it was small. I saw that I was zoomed at 100% so this was confusing at first before I remembered RETINA...
I redesigned an ...
0
votes
2
answers
548
views
Website mockups in 4k
I've recently invested in a 4k monitor, which is brilliant and all, especially for image editing, however I'm finding it a bit frustrating trying to mockup websites due to the difference in resolution....
- 148
0
votes
3
answers
5k
views
What sizes and units should be used for creating iPhone wallpapers?
I was following the sizes listed here, and I've been creating the artboards with the sizes in points, but should I be creating them with the size for rendered pixels instead? Furthermore, I believe ...
- 125
0
votes
1
answer
115
views
Beginner with iOS UI Design
I want to start designing iOS app UI in Photoshop but I can't find up-to-date tutorials and informations about document resolution, ppi of document, getting retina ready and complete guide for it. ...
-1
votes
1
answer
571
views
Confused by resolution/dpi with Retina screen
I'm very confused by my Retina screen on the latest Macbook Pro. I edit my photos in photoshop, where they look how I want it. I edit them in 150 dpi, mostly in the size 1772 x 1173 pixels. It fit's ...
- 1
3
votes
1
answer
5k
views
Photoshop: "Export as" retina resolution pixelated
I was trying the latest version of PS and I noticed there a new very useful "Export As" feature capable of exporting multiple Artboards directly in standard and @2x ready png files.
I made an Arboard ...
- 201
2
votes
5
answers
8k
views
Photoshop canvas is too small at 72 PPI on a Retina screen
OK. Let me see if I can explain a problem I have in Photoshop.
I'm working on designing a web site in Photoshop. My screen is a Retina display.
Why is my canvas so small at 100% when at 72 PPI? Zoom ...
- 21
0
votes
1
answer
562
views
Photoshop retina font-weight differs from the css setting
I have a strange problem with a Photoshop file that I have received from a designer. It is a web site which will be translated into html and css. I suspect that the designer has used a retina screen ...
- 207
0
votes
2
answers
776
views
Image size for a responsive photo site
I'm working on a Web design for a responsive website for a photographer.
Client would like the site to work well on mobile, tablet and desktop.
The site would have:
homepage with a few images
...
- 123
0
votes
1
answer
825
views
How to optimize JPEGs for retina displays?
I am trying to optimize a set of JPEGs photos (5120 x 2880 px) that will be used on the web for retina screens.
The objective is to reduce file size as much as possible while keeping image quality ...
- 103
1
vote
3
answers
211
views
Retina to actual pixels
Im currently designing an app and exporting images for the developers. I am struggling to know that if i create an icon that on my retina screen shows at say 40px X 100px, when i export, should i ...
- 11
2
votes
1
answer
144
views
Saving image files with maximum compatibility for different displays?
There's a website I'm working on where students can read their textbooks online, page by page using an implemented PDF viewer.
But I've noticed that this doesn't look particularly great on different ...
- 23
3
votes
2
answers
6k
views
How does font size translate on a Retina Display in Photoshop?
I was wondering, now that I am designing on a retina display in photophop, I've doubled my screen resolution from 72 to 144. I've been keeping my document pixel size the same. For example, for ipad (...
- 31
2
votes
2
answers
3k
views
Is iMac Retina 5K suitable for webdesign?
It is time to retire my old MacBook Pro which served me well for over 5 years, since I dont require portability I am leaning towards buying an iMac 27 with 5K display. I work as a web designer and my ...
5
votes
4
answers
2k
views
Why @2x Mockups
Just for my own curiosity, why is it becoming a trend to create "@2x" mockups in photoshop? Other than creating larger native file-sizes, what's the difference between a 360ppi mock vs a 72ppi mock (...
- 242
1
vote
2
answers
404
views
Can you upscale small photos for retina displays?
Let's say I have a photo saved by someone else just found on the web that is 500px wide (therefore I have no control over DPI etc)
If I resize that photo to 1000px and sharpen it a few times, then ...
- 113
5
votes
1
answer
117
views
PPI in the Wild: implications of setting or providing a PPI flag in an image file
Apropos the perennial retina vs PPI questions:
We have an answer to a recent question about setting up an image which, in my opinion, correctly states: "pixels are all that matter." But I have dealt, ...
- 4,739
3
votes
2
answers
30k
views
Designing for Retina display in PPI or DPI?
As for designing for retina do I.... set up the image canvas to be the true size to my display device, say iPad screen size (not resolution size) Dimension size. Then set my dpi to 72....? Is DPI 72 ...
- 33
2
votes
1
answer
542
views
Can you include retina and non-retina images within the same sprite?
When building a web page, I've always created 2 different sprites for my icons. A sprite for normal images and a sprite for retina images. The retina images are saved out twice the size and twice the ...
- 23
1
vote
3
answers
3k
views
Are @2x images simply larger in terms of height and width or do they actually have a higher PPI (pixel density)?
Are @2x images simply larger in terms of height and width or do they actually have a higher PPI (pixel density)? If they are truly higher PPI, in terms of workflow of creating responsive images (and ...
- 21
0
votes
2
answers
247
views
How to optimize my pictograms for Retina screens?
Surprise when I saved my pictograms for the Web (from Illustrator):
They are strictly not as clean as expected => totally blurred.
Here's an example from my Retina smartphone:
And the initial .ai ...
- 119
1
vote
2
answers
972
views
Using photoshop I want to double the dpi/size of every image in a directory
I know of tools such as retinize.it and I know of the wordpress retina 2x plugin. They kind of do what I need, but because of some limitations with my current images I need a different method.
I'm a ...
- 113
0
votes
1
answer
559
views
High Pixel Density Images
I am in the process of trying to understand how high pixel density displays handle images. Here is what I think I have figured out so far
a. A 2x image is effectively a 1x image but with 4 (2 x 2) ...
- 103
11
votes
5
answers
73k
views
Email signature hell--How to include a logo image and have it stay sharp?
I found a couple useful threads on this forum with respect to the issues posed by (displaying) images in email signatures-- here, for example-- and I've searched all over the web, but still have not ...
- 211
0
votes
1
answer
1k
views
How do width, height and resolution matter in Photoshop?
How do width, height and resolution matter, and what's the standard or how to calculate the right resolution for current width and height in order to achieve a well refined image or retina image, or ...
- 103
7
votes
1
answer
17k
views
Photoshop on a retina screen, how to fix? [closed]
I am curious what's your favourite fix or option for using photoshop on a retina screen like a macbook pro 13' like mine.
I'm quite upset with this computer as it is a pain to do web design in, ...
- 71
1
vote
2
answers
2k
views
DPI/PPI resolution for product zoom images
I'm working on an ecommerce site and I am trying to figure out at which resolution to save product images.
We usually go for 72DPI but I believe now we should be using PPI, but also that to account ...
- 9
2
votes
1
answer
8k
views
Macbook Pro Retina Photoshop Pixelated Results?
I'm a web designer, and my old (non retina) Macbook, Photoshop used to produce clear images and text both in Photoshop and out of Photoshop when the final images had been saved as a png or jpg.
...
- 25
0
votes
2
answers
1k
views
Setting "Pixels per inch" to match Macbook Pro Retina
Basically just a quick question from a newbie to Photoshop, recently i've been finding that my text on photoshop amongst other items in my designs were ending up blurry as a result of my retina ...
- 25
1
vote
2
answers
2k
views
Retina to Normal Photoshop Export
I'm an UI Designer and I've just got my Retina MBP. Currently, I design on the retina screen until I get an ext. one, so everything I design is 200% bigger than on normal screens.
For example, if I ...
0
votes
1
answer
152
views
How can I print this PDF and fill an A4 page?
I have this PDF. It's a simple grid created in Pixelmator with lines every 500 pixels. I want to use it as a template for drawing over a Wacom tablet.
For some reason, no matter what I do, print ...
- 103
6
votes
4
answers
35k
views
Do I need to create my images at twice the pixel dimensions on a retina display?
I just got a new Macbook Pro with Retina and I'm confused about how to attack my PSD's.
If I'm designing a site which has 14px font size, should I be creating it at 28px in Photoshop to see what it ...
- 61
0
votes
1
answer
334
views
Photoshop to CSS, just got Retina [duplicate]
I just got a new Macbook Pro with Retina and I'm confused about how to attack my PSD's. If I'm designing a site which has 14px font size, should I be settings it to 28px in Photoshop to get what it ...
- 61
5
votes
2
answers
5k
views
What is the best tool to make animations for iOS games?
What is the easiest tool and way to make moving animations that can be used in iOS games? If there are tutorials, I can also learn. I also want it to be vector or retina. Something like hd. Thanks.
- 81
3
votes
3
answers
8k
views
What software should I use to make crisp game graphics for iOS games?
I want to make game graphics that are smooth not pixelated, kinda like vector graphics and I will need to use them in iOS games. I am not that experienced in creating graphics so I looked here and no ...
- 81
1
vote
1
answer
2k
views
Convert sprite images to retina display
Hi all am having set of icons as sprites for and in retina displays the icons are looks like very blur i read some documents for retina display use image as 200%(using photoshop) now the question is ...
- 163
0
votes
1
answer
341
views
Retina Display Coordinates in Illustrator
Making masking rectangle for the pattern in Illustrator I should insert the central coordinates of shapes in 4 angles of the pattern and I have coordinates numbers like 45.401px, however when I insert ...
- 10.6k
2
votes
1
answer
225
views
Why do applications need to make changes for Retina displays?
From what I understand, Retina displays are simply a screen with a high PPI (higher than that of your eye at "optimum viewing distance"). Why, then, do applications need to fix their interface to ...
- 810
4
votes
1
answer
203
views
Is there any negative adverse effect to optimizing images for retina screens, if the images aren't exactly double size?
For example: Say I have an image that is going to be displayed at 1000px wide.
I want to optimize my site for retina displays, but the largest resolution image I have to put here is only 1900pixel ...
- 1,243
1
vote
4
answers
17k
views
Retina Display Email Signature
Our company uses gmail as the email client, and so our signatures are made up of text that can be edited in the text editor and images that have to be hosted on our server.
CSS is not an option.
Any ...
- 155
5
votes
2
answers
12k
views
Photoshop: How do I keep 1x and 2x (for retina display) images in the same document?
I just read on an article about designing for iPhone retina display that you can keep the 2x images in the same document and use a Photoshop Action to scale up the 1x to see how the larger version ...
- 1,217
1
vote
1
answer
821
views
Is there a way to render text in photoshop as vector - for retina mbp?
I installed new photoshop, and working on iPhone and Android apps looks nice (for android at least on xhdpi and hdpi, mdpi and ldpi require zooming in) but when working on website layout i get ...
- 216