I am not much of a designer. I have been given a PSD file and want to code that using HTML/ CSS. The PSD can be found here (https://www.mediafire.com/file/t6i8jy6kx2fwat5/restaurant.psd/file). I am trying to take the logo from the PSD and use it in my HTML. I generally use the slice tool but since the logo's background is transparent I used the below process.
- Select the logo layer and press ALT in the eye icon for that layer to deselect all other layers.
- Image > Trim
- Save as web, the file format is PNG 8.
The actual logo appears to be pretty crisp in the PSD. When I use it in my code however the logo appears to be broken along its edges . Could any one tell me if I am following the right process to do this ? And why does the logo appear so ugly in my code ?
This is the code to insert the logo . I am using bootsrap :
<body> <div class = "header-area" style = "background-color:black"> <div class = "container"> <div class = "row" > <div class = "col-md-2"> <img src="assets/img/logo.png"> </div>