First you need to know how to work with Photoshop. Being creative is the only requirement. Once you know how to use Photoshop, and are planning to export images from Photoshop to the web, you need to follow these steps.

Ad

Steps

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.

Ad

2

After you are finished with editing your image, Choose File > Save for Web.

3

Mess with the options in the dialogue box that appears, to optimize the image for the web

4

Remember that the most used image formats on the web are .gif, .jpeg, .png, .jpg. 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.

5

So, you have the file saved in a location, ready to be uploaded to the web.

6

Adding the image to a web page depends on the editor you use. 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.

7

Once your website is ready on your computer, you will want to upload it to a server. Take care that you upload the images in the same directory path in the server as you had them on your computer.

8

You have successfully exported a Photoshop image in an Internet-friendly format, and included it in your website.

Ad

We could really use your help!

Can you tell us aboutbuilding longboards?

Yes

No

building longboards

how to build a longboard

Can you tell us aboutLCD monitor repair?

Yes

No

LCD monitor repair

how to repair LCD monitors

Can you tell us aboutHarvard Business School?

Yes

No

Harvard Business School

how to get into Harvard Business School

Can you tell us aboutshoulder holsters?

Yes

No

shoulder holsters

how to make a shoulder holster

Thanks for helping! Please tell us everything you know about

...

Tell us everything you know here. Remember, more detail is better.

Tips

Provide Details.

Please be as detailed as possible in your explanation. Don't worry about formatting! We'll take care of it.
For example:Don't say: Eat more fats.Do say: Add fats with some nutritional value to the foods you already eat. Try olive oil, butter, avocado, and mayonnaise.