Call 01865 238 252 | cPanel Login

Web Design and the Retina Screen: First Thoughts

13th February 2014


Yesterday, after many years as a loyal Windows user, I switched to a Mac. There were many reasons which I won’t go into here but suffice to say one of the biggest attractions, despite the price, was the stunning high density Retina screen.

Before I took the plunge I read quite a lot of articles by other designers who were either working on the Retina screen or considering it. One of the biggest pitfalls they all talked about is that the vast majority of websites are not yet optimised for anything greater than 72 DPI. The industry has spent a lot of time focussing on device size but not a great deal on resolution.

I have to say though, after 24 hours on this thing I haven’t yet encountered too many problems. Yes, some images are looking a little fuzzy, but it’s not unbearable for general web browsing.

My next task, now I’ve started to get to grips with the new machine, is to look at how the Retina screen will change the way I design websites. The first issue to tackle is images. Here are my first thoughts:

  1. Upload higher resolution images, scaled responsively to fit the device. The down side to this is that on standard resolution screens you’re loading a bigger image than you really needed, so you’d need to keep quite a strong leash on your file sizes. Compress, compress, compress.
  2. Replace bitmap images with vectors wherever possible. This will be great for shapes but not so helpful for photographs. You can read my full piece on Scalable Vector Graphics (SVG) here.
  3. Use Retina ready icon sets, such as FontAwesome, to replace bitmap image based ones. I started using these about 6 months ago anyway because they’re so useful, check out some of them in use on my home page.

I’ll continue to report back on the Retina screen over the coming weeks as I delve into more complex tasks.

Leave a Reply

What our customers say:

I would highly recommend Hut Six Digital for your website implementation. Jo has been fantastic to work with and has exceptional knowledge in her field. She is friendly, reliable and professional, which has resulted in our fantastic new website launch. Her training was clear and concise, and I know she will be on the end of the phone or email should I need her for a little refresh. She has enabled us to take full control of our new website, which was something other companies have been unable to offer. Excellent value for money too!

Christina Canning (SMS Alarms Ltd, Thatcham)

Jo has been personable and efficient in setting up my website. She did a great job of understanding what I wanted and providing guidance from her wealth of experience. She has explained things in a non-technical way and has been very responsive, patient and flexible in working with me. In short, Jo is great value for money and easy to work with.

Vanessa Rhone (Venus Works, Oxford)

Excellent, efficient service from Jo. Highly recommend.

Xan Rice (Journalist, Oxford)

I am not exactly a technophobe but due to previous experiences of pressing buttons that I have no business pressing I have shied away from doing thing to update or improve my site. I have called on Jo Cox’s expertise several times and she is always quick, efficient and gets you back on track whilst also calming you down. I can honestly say that there is no one else I would call on in an emergency to sort out problems with my website. I have never had a bad experience with Jo’s services or with Jo as the service provider.

Lisa Bentley (Writer, Liverpool)

Jo has been amazing. Through 1-2-1 training sessions she has helped me to make significant improvements to my website functionality. This has not only been cost effective but it also has empowered me to use the skills that I have gained to edit my website myself in the future. She has simplified what I thought would be tricky tasks. I will definitely continue to work with her in the future and I couldn’t recommend her highly enough.

Felicity Wood (Yoga Instructor, Bicester)

Jo took my simple brief outline of what I wanted and turned it into everything I wanted and more. Jo was very professional, efficient and she was patient and understanding with the fact that I was not knowledgeable about building websites or what’s involved. By the end of it Jo had given me and my team a training session around how to manage the website. I would highly recommend her!

Sharon Mulholland (Sandcastle Mortgages, Kidlington)

Jo was completely fantastic! I’d been struggling to make a WordPress blog design work and was completely stumped. I made an enquiry to Jo about some help, and she replied within 24 hours. It was easy to agree on a price for the things that needed to be done, and she had fixed everything within 48 hours of the original enquiry. I had thought my problem was too small for someone to help with it, but I was pleasantly surprised that Jo was happy to sort out the small issues with my site for an extremely reasonable fee. Throughout the process, Jo was efficient, effective and stayed in regular communication. She answered all of my questions, even the really idiotic ones, and nothing was too much trouble. The entire experience was great and I would recommend her in a heartbeat to anyone who needs help with a website project – big or small. She is, in short, superb at what she does.

Imogen Goold (Blogger, Oxfordshire)

I wish I had found Jo earlier. We wanted to progress from making simple text edits to getting more out of the CMS. After a very enjoyable training session, we can now design new pages and keep the website organised. Excellent.

Margaret Hildreth (JP Hildreth Ltd, High Wycombe)