Skip to Content
Practical Web Design
book

Practical Web Design

by Philippe Hong
April 2018
Beginner content levelBeginner
368 pages
7h 37m
English
Packt Publishing
Content preview from Practical Web Design

Adding a logo

In addition to our navigation, we also have a logo on the left-hand side. I have provided some assets you can use for this exercise in the Resources folder (Exercise 2 | Assets).

Simply copy and paste the logo.png and logo@2x.png files into your img folder on your Web Project.

logo@2x.png is simply the retina version of the image, which means it has double the pixel density of the normal image. It's a good practice to name your retina image with the suffix @2x.

Now we'll simply add an image before our menu, as follows:

<img src="img/logo.png" alt="">

Perhaps you have noticed that we only put logo.png and there is no use of the logo@2x.png. To be able to use our retina version image only on retina devices, we'll have to use the ...

Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Start your free trial

You might also like

Web Design Playground

Web Design Playground

Paul McFedries
Hello Web Design

Hello Web Design

Tracy Osborn
The Principles of Beautiful Web Design, 4th Edition

The Principles of Beautiful Web Design, 4th Edition

Jason Beaird, Alex Walker, James George

Publisher Resources

ISBN: 9781788395038Supplemental Content