How to Add Pictures to Website from Photoshop

Step-by-Step Guide

1. 1

   Step 1: Use web-safe colours in your images.The Web-safe colours are the 216 colours used by browsers regardless of the platform.

   The browser will change all colours in the image to these colours when displaying the colour on an 8-bit screen.
2. 2

   Step 2: After you are finished with editing your image

   ,, Do not save the images in platform and browser-dependent formats like .bmp or .psd.
   
   For this , Choose File> Save as, Type a filename, and in Save As Type, choose gif or jpeg or png. ,, If you use notepad, you need to embed the image tag as follows, where you want the picture to appear:
   - <img src='filename.gif' alt='image description'> .
   
   If you use advanced editors like Adobe Dreamweaver, you can easily spot the option to insert image on the tool bar. , Take care that you upload the images in the same directory path in the server as you had them on your computer. ,
3. 3

   Step 3: Choose File > Save for Web.

4. 4

   Step 4: Mess with the options in the dialogue box that appears

5. 5

   Step 5: to optimize the image for the web

6. 6

   Step 6: Remember that the most used image formats on the web are .gif

7. 7

   Step 7: you have the file saved in a location

8. 8

   Step 8: ready to be uploaded to the web.

9. 9

   Step 9: Adding the image to a web page depends on the editor you use.

10. 10

    Step 10: Once your website is ready on your computer

11. 11

    Step 11: you will want to upload it to a server.

12. 12

    Step 12: You have successfully exported a Photoshop image in an Internet-friendly format

13. 13

    Step 13: and included it in your website.

Detailed Guide

About the Author