Are all webpages optimized for Retina Display?

I've noticed on my iPhone 4 that text on every webpage I've been to looks crisp and clear but everything but text like pictures and images still look very pixellated and blurry. Is this how everyones iPhone 4 is?

Web graphics tend to be very low res...somewhere between 72 and 86 dpi...for quick loading.. a higher res screen does not upsample the graphics.... I doubt we'll ever see web graphjics optimized for hi res displays... the files would be huge and take forever to load..

Similar Messages

Optimized for Retina Display settings?

Are their settings to optimize a book for the new iPad retina display? At this moment, the updated applications still functions as if the resolution is 1024x768. Perhaps I a missing some new option somewhere?

I'm going to throw my 2 cents in : )
and yes, with out the device we well not know for sure.
images that are 1024 x 768 will effectively be doubled in resolution to 2048 x 1536 to fill the new ipad screen.
Normally this would give you a blurry image.
But the key is that the new ipad is also reducing it 50% (Because the screen size is the same in inches)
so it is not like doubling the pixel resolution on your image and then looking at it on the same monitor (which would be blurry)
so the bottom line (in my opinion) a 1024 x768 image will look the same on a ipad 2 and a new ipad.
a 2048 x 1536 image will look a little better on a new ipad, (maybe a lot better if you have good eyes)

Safari 6.0 bottom corners have not optimized for retina display!

For those who have an rMBP, if you look closely at the two bottom corners of the window of Safari 6.0, they are not smooth.
It's no big deal, but I hope Apple could fix this soon.

For those who have an rMBP, if you look closely at the two bottom corners of the window of Safari 6.0, they are not smooth.
It's no big deal, but I hope Apple could fix this soon.

Images for retina display still unclear

I just published my first site in muse, and I used a bunch of thumbnails made from photoshop buttons. For the desktop version, they are all 300x169. For the mobile version, I made them all 600x338 and then transformed them to 300x169 in Muse. I did this thinking it would be enough resolution for retina displays, but when I view it on my iPhone 6, they don't seem clear. When I email the same files to myself and open them on my iPhone, they are clear, but not on my published page. What did I do wrong?

vega9, thanks for the info via private message.
I expect the manually added meta tag for width was the incorrect solution to the problem. In general if a page is resizing incorrectly on phone or tablet devices, it's caused by content being outside the width of the page. Having content outside the page is often accidental (i.e. an empty text frame, the transparent area of a widget or container protruding beyond the page edge, etc) and easily corrected.
As of the images, they are crisp 2x retina images. If you zoom in on the crisp edges and see the stair steps of pixelation, in your case I believe that's due to the limitations of creating a smooth looking edge when the authoring application of the graphic doesn't know the background color.
The anti-aliasing approach used to create a very smooth looking edge on an LCD display requires knowing the background color. If you create a transparent PNG the edges can't use optimal anti-aliasing because the colors of the pixels that will behind the edges are not known. This results in the edges using a color agnostic approach to anti-aliasing, which is far better than no anti-aliasing but noticeably worse than LCD anti-aliasing.
The short answer is, bake the background color into your images when you can and set an opaque background fill on text frames that use System Fonts. If you create a version of your logo that's an opaque image with the blue background baked in, the edges will be sharper. (Note that you'll want to turn off the automatic opaque PNG to JPEG conversion in Site Properties in Muse to avoid JPEG compression artifacts around the sharp edges. Or make a single pixel in the original PNG slightly transparent, 99% opaque, in order to prevent Muse from converting the image to JPEG during output.)

Setting my display size to "Best for Retina Display" creates a host of problems.

When I go into System Preferences>Displays>Set Best for Retina Displays, my typical web pages are scaled a bit too large to fit on the screen and I'm constanty having to scroll left/right to all the information. On top of that, if I click on a link, e.g., click on YouTube video, the resulting screen is shrunk to occupy only a small portion of the screen, and is much too small to read/view. This is a new phenomenon and hasn't always been this way. Any ideas?

Which os version are you using?
Does this happen in all browsers?
You are still under warranty. Call Apple Care and get your monies worth before it runs out.

Designing for Retina Display without dealing with the retina.js addition

Is it possible for me, as the designer, to create a website in muse and then have someone more tech saavy apply the retina.js stuff at the end? This work around/fix/addition is discussed here: http://retinajs.com/ and http://www.muse-themes.com/blogs/news/6668254-designing-for-retina-display-in-adobe-muse.
I am starting a webstie and have negative amounts of ability when it comes to the tech stuff. I would like to just design the site and 1x and @2x artwork/graphics (when they are needed) and then let someone else figure out the retina.js later. Is this possible or do I need to set up my new Muse site document with this in the very beginning?
I am new to the "community" so if I am breaking any unwritten rules with this post or question please be patient with me but feel free to tell me exactly what I did wrong and how I should do it next time.
Chris

Hey, maybe you can use this http://www.muse-themes.com/blogs/news/6668254-designing-for-retina-display-in-adobe-muse
Hope it helps.

Building for Retina Display??

Are books created for Retina display compatible with 1st and 2nd Gen iPads?

I haven't heard anything about that, sorry.
As always, feel free to use the 'Provide iBooks Author Feedback' menu item for features you'd like added in the future, etc.
http://www.apple.com/feedback/ibooks-author.html

'Enabled support for Retina display'

I'm starting to see that some of the Apps I have installed are showing updates for 'enabled support for Retina display'. So how do Apps look on the new iPad before they get this support? Just the same as on iPad 2?!

maclover6 wrote:
They will look noticeably clearer on the new iPad. This iPad has a retna display, so it has 3.1million pixels. There are 250 pixles per inch on the new iPad. And only 132 On iPad 2. There are also prosessor upgrades to it as well so you will notice it goes faster. They upgraded the A5 chip to the A5X chip. You will notice that it has very sharp pictures, is is because they upgraded the rear facing camera to a 5 megapixle iSight camera. So to sum up, no apps will not look the same on iPad 2 vs. the new iPad.
So why are the Apps getting specific updates to take advantage of the retina display if they look clearer on the new iPad? Am I missing something here?
The new processor is also good news. I believe it has 1GB of RAM as well, up from the iPad 2. But will the extra power go largely towards powering the new retina display? Presumably having twice the resolution must need a bit more oomph to drive it?

Exporting PNGs for Retina displays in 326 ppi.

Hi!
I have made a layout for an iPhone app in Illustrator. When I export an artboard with a size of 160 x 90 px to png with 326 ppi, the size ot the image I get out of it is 724 x 408 px with 326 ppi. Also if I copy and paste the object to Photoshop it has the same growth.
I'd like to make pixel-sharp design, so what is the best way to do it?

OK, I see. Isn't that a bit of a cheating ? I have everything in the correct (pixel) size and in vectors in Illustrator. Are you two saying that you basically can not export files straight from there in PNGs with 326 ppi.
So what is the best practice in making buttons, icons etc. for Retina displays? I have them in Illustrator now, so is there a good way to export them or do I have to start a copy-paste-photoshop-resize-hassle? Or should I just shrink the exported images in Photoshop?
Thanks a lot already!

When is going to be available Lightroom update for retina displays?

When is going to be available Lightroom update for retina displays?

Lightroom is on the list of software Adobe will be updating for the Retina display in the next few months. You can see the list in this Adobe blog post:
New MacBook Pro Retina Display Support
That's all the information Adobe has provided so far.

Iphotos Package Contents: What are all these folders for? Is it too large to back up in the cloud?

Dear experts, I am quite a newbie when it comes to understanding the Mac filing system, as I originally came from the PC world. There's lots of things I dont understand in the iMac file viewer and how to organise and backup my photos is an important issue for me.
I know that if I want to look at the original photo files on my iMac, I can right-click on users/myname/pictures and select "Show Package Contents".
Question 1 - What are all these folders for?
Please can someone explain what is the difference between all the folders I see? Some of them seem to be exact duplicates of the others e.g. Masters, Modified and Originals all seem to have the same content. So here is a list of folders that I see. What is in them?, or what is their purpose?
Data
Data.noindex
Modified
Originals
Apple TV Photo Cache
Attachments
Auto Import
Backup
Caches
Contents
Database
iLifeShared
iPod Photo Cache
Masters
Previews
ProjectCache
Thumbnails
Question 2 - Which photo folder should I back-up?
If I want to keep a physical backup of my photos, which of the above folders should I copy to an external hard drive? (I use Get Backup to automatically copy all important new or changed files to an external drive)
Question 3 - Using the cloud: What is the best way to backup my large photo library in the cloud safely?
I would like to have some kind of safe backup in the cloud for my photos. However the size of the iphoto library is huge at 165GB. Even the Masters folder is huge. It is 130GB. Is it possible to back up files of this size in the cloud? I have a couple of services called photo streaming and Dropbox, but they don't seem to be able to handle this kind of size. Photo streaming only works with 1000 photos (as far as I can tell), and my Dropbox probably has a limit too. I guess it's about 5GB. I am already using about 3GB of my Dropbox space for other files. I would consider both paid and free solutions.
Many thanks to all the experts for your help!

know that if I want to look at the original photo files on my iMac, I can right-click on users/myname/pictures and select "Show Package Contents".
Don't do that. That's like opening the hood of your car and trying to figure out what all the different bits and peices are and which you can yank out and dispose of. Simply, there are no user-serviceable parts in here.
So, your Question 2:
You back up the iPhoto Library as a single unit.
Most Simple Back Up:
Drag the iPhoto Library from your Pictures Folder to another Disk. This will make a copy on that disk.
Slightly more complex: Use an app that will do incremental back ups. This is a very good way to work. The first time you run the back up the app will make a complete copy of the Library. Thereafter it will update the back up with the changes you have made. That makes subsequent back ups much faster. Many of these apps also have scheduling capabilities: So set it up and it will do the back up automatically.
Example of such apps: Chronosync - but there are many others. Search on MacUpdate or the App Store
Your question 3:
There is no good back up to the Cloud. There are a couple of reasons for this. One is that the datasets are so large and the cloud services shapre their download speeds. This means restoring can take days to complete. Then, and this is the big problem, the iPhoto Library needs to sit on a disk formatted Mac OS Extended (Journaled). Bluntly, no servers online are formatted appropriately, and if the Library is written to - by an incremental back up, for instance - there is a very high likelihood that the library will be corrupted.
Your Question 1:
The Library you're describing there sounds like one that has been updated a few times. Not everything you list there is a folder. Some will be aliases.
The Data folders hold thumbnails.
The Masters and Originals folders hold the files as imported from the camera
The Previews hold the versions of the edited photos that are accessed via the Sharing mechanism.
I think if you look losely that you'll notice that one of the Data folders and one of either the Masters or the Originals folders is actually an alias.
Everything else is a database or cache file of some form. All are required for iPhoto to work.
As an FYI:
For help accessing your photos in iPhoto see this user tip:
https://discussions.apple.com/docs/DOC-4491

Photoshop Resolution for Retina Display

Hi,
I am a iPhone/iPad UI designer. I have a question that I wanted to solve for a long time. I have created a graphics for native apps,i.e. 300x180 px with 72 ppi resolutions. Also created the same graphics 300x180 px dimension with 326ppi. For retina display will the both images be treated same? Is there will be any blurryness when zoom?
I mean to say when I suppose to send the assets of the apps to developers 326ppi resulution is necessary? or 72ppi will create same effects with the same pixel dimension?
Please find the attachments.
Thanks in advance.
72 ppi

Hi ericsil24,
Hold down the Option key while selecting a resolution for your display.
OS X Mavericks: Adjust your display resolution
Take care,
Nubz

Wehen come the Update for Retina Display?

When come the update for Retina Display?

Hi Lensu,
Support for retina display was added with the 1.3 update. Just open the App Store app and check for updates.
-Dave

Best practice for Retina display folios

Creating a brand new app from scratch, optimised for retina display, but compatible with older iPads, what is the best page dimensions and image resolutions to use?
Thanks

Short and simple as Bob suggested. But if you want to deep dive more, here's an excellent blog from the other Bob ;-) Guidelines for Creating Folios for SD and HD iPads

I have a number of old 3.5 floppy that i'd like to convert to a format that can be read by my iMAC. These are all Word documents for MAC that are as old as 20 years. Do you have suggestions other than the conversion services that are rather costly?

I have a number of old 3.5 floppy that i'd like to convert to a format that can be read by my iMAC. These are all Word documents for MAC that are as old as 20 years. Do you have suggestions other than the conversion services that are rather costly?

I don't think any conversions are needed, just get yourself an external USB 3.5" floppy drive and drag the documents onto your iMac's HD. You should be able to locate one on Ebay or maybe even Amazon. To open them you will need something that reads .doc files like Pages, MS Word for Mac etc..

Are all webpages optimized for Retina Display?

Similar Messages

Maybe you are looking for