Archive: Web Graphics

Web Graphics – Create Web Graphics In Photoshop P2

Create web graphics with Photoshop – The Fundamentals
Part 2 – Save image for the web / Optimize image for the web

Photoshop web graphics

Already know about different image types supported by web browsers, below are some simple steps to save your images for the web with Photoshop.

To save image for the web or to optimize it for the web, you just need to open your image in Photoshop, then go to menu File > Save for Web or File > Save for Web & Devices with CS4, or you can use the combination of keys Ctrl Alt Shift S. No matter what versions of Photoshop you’re using, a dialog box will appear to let you change your image settings and your image size. That’s basically it.


Web Graphics – Create Web Graphics In Photoshop P1

Create web graphics with Photoshop – The Fundamentals
Part 1 – GIF, JPG, or PNG

Photoshop web graphics

Photoshop is a very deep software, you can play and learn with it for hours, days or even years and probably still discover something new and interesting about it. This post or series of posts aims to provide you with fundamental but easy skills to understand as well as to create better imagery for the web in a matter of minutes.

Part 1 is about image types supported by web browsers: GIF, JPG, or PNG. If you know about this already, then check out Part 2 Photoshop – Save image for the web or Part 3 Photoshop – Essential tools.


Free Softwares – Free Photo Editor

Free photo editors including both photo editing softwares and
photo editing online applications

Photo editor icon

If you have a high resolution stock image or an image from your digital camera and wonder how to put it on the web with smaller size, then you need to use a photo editing software/application allowing you to crop, resize, and do some other photo adjustment/enhancement. Here are some working, reliable and completely free image editing software and image editing web-based application.

Things worth considering while deciding which freewares to use: who owns/creates the software; whether it’s still being upgraded and supported? the size of the installation file? the functionality? other users’ ratings…


Favicon – Create Favicon For Your Website

Create favicon — address bar icon, or bookmark icon for your blog, and website.
Updated for Photoshop CS4

Favicon - Address bar icon

This is to show you how to create and add your own favicon to your website or blog – including your Blogger/Blogspot, WordPress… The process is really simple and nearly the same for a website or a blog. First you need to create a favicon with Photoshop or with other tools; then upload the favicon to your website.