Freelance Home-Based Small Business OPTIMIZE YOUR PORTFOLIO IMAGES FOR WEB USE article 8

All Freelance Work is a Community for Freelance Workers Including Free Portfolios, Job Search, Job Posting, Helpful Articles, Forums, & More for the Self Employed.

PORTFOLIO SERIES - article 8 - DIGITIZE AND OPTIMIZE YOUR FREELANCE PORTFOLIO IMAGES FOR WEB USE

By Rachel Goldstein
previous article

In order to showcase your portfolio online, you will need to have your images on your computer. In order to bring your artwork onto your computer, you will either need to scan your artwork or take a picture of it with a digital camera (if you want to photograph your artwork, please read this article). If you don't have a scanner, you can try out your local library or community college. Also, you can buy a cheap scanner for as low as $99 these days if you look around hard enough. If you are not skilled at scanning artwork, I recommend reading the following help files

http://athena.english.vt.edu/

http://www.scantips.com/

Image Manipulation Software

Next, we need to talk about image manipulation software. Do you already have Photoshop and Imageready or Fireworks? If so, you are set. If not, we will talk about other inexpensive or free alternatives below:

ArtGem 1.3 - $49.95 - This is an image editor similar to classic DPaint, but with the quality of Photoshop. You can scan, resize, merge and retouch your photos; create graphics for your Web site; or draw icons, sprites, and textures for game and multimedia productions. It includes hundreds of high-quality imaging tools and it supports 20 image file formats. Work with filters, selections, gradients and layers in the dynamic real-time interface.

Focus Photoeditor 3.0.25 - $20.00 - Use this tool to make CD or cassette covers, backgrounds or small index cards.
It includes basic image editing tools, including fill, crop, clone and airbrush. Support for different file extensions and filters for special effects are included.

Image Broadway 4.2 - $69.95 - This tool lets you create and edit graphic images like a pro in just minutes. This performs simple tasks such as one-click red eye correction as well as more advanced capabilities, such as intelligent lasso, transparency, alpha channel and multiple channels support, image mapping and optimization.

Ulead Photoimpact - $79.95 - This graphics editor provides 13 image galleries and includes an HTML assistant and helper program. You can manage and enhance digital photos, create graphics and produce high-impact Web pages for personal or business use, including interactive slide shows and video CD slide shows.

PhotoPlus 5 - Freeware - Enhance and alter the on-screen appearance of your image files. An Image Export Optimizer lets you preview images before saving them, and the multiple-window display provides side-by-side previews of image quality at various output settings.

VCW VicMan's Photo Editor 7.0 - Freeware - This is a versatile image editor with an intuitive interface. Use it to refine your digital photos, draw artwork naturally or produce graphics for the Web. Draw with a pencil, brush, or eraser, or paint colors in a gradient, add plain or anti-aliased text to any picture, fill objects and clear backgrounds. Choose from dozens of transformations, color effects and filters. The program supports almost all Photoshop-compatible plug-ins.

How to Optimize Your Images for a Web Portfolio

Now that you have an image editor installed on your computer, lets talk about how to optimize your images. What is optimizing? Optimizing is reducing the file size while losing as little resolution as possible. In order to load websites faster, optimization is necessary, but don't worry, it is a piece of cake once you understand what you are doing. We are just going to go over the basics in this article, if you are looking for more detail, let me know, and I will write an article with detailed information about optimizing web graphics.

Keep File Size in Mind When Optimizing Your Portfolio Images for the Web

The major thing that you want to keep in mind when optimizing an image is the resulting file size. In order to keep the file size down to a minimum, it is very important to save your files as the right file format, otherwise, you can accidentally create a very large file. What file formats should you use on the web? I recommend only using, .jpg, .gif, and .png.

These file formats are the most easily compressed and they are recognized on all browsers.

JPEG - The Jpeg format is the format that you should use when optimizing a photograph or images with smooth gradations of color. The Jpeg file format allows for 16 million colors and optimizes by throwing away pixels. This is the reason why jpegs are better for photographs ... since photographs have soft edges, it is easier to hide missing pixels (by interpolating touching pixels).

GIF - The Gif format should always be used for vector graphics or graphics with limited regions of color (graphics like logos, drawings, cartoons, etc.) and not photographs. Gif images consist of 256 or less colors. This file format can reduce your file size by 95% or more!!!

PNG - A new format that is compatible with most browsers but not all yet. Use the PNG format as if it were a GIF because they are very similar.

Below are examples of how to optimize images in Photoshop.

However, if you don't have Photoshop, please don't worry. Most Image Editors are very similar to Photoshop.

EXAMPLE 1.

Open up your file. By looking at the image to the left, can you tell which image format this file should be saved in? You should save this file as a .Gif file.

Next, bring up the File > Save for the Web Dialog Box

Now you are in the 'Save for the Web' Dialog Box. Don't touch Web Snap it. Bring the Dither down to about 90%. Check on the Interlaced box.

Gifs are made up of information headers regarding colors within the image. The way to compress a Gif file is to reduce the number of colors within the image. The way to reduce colors in this Dialog box is to chooses colors in the color table that you feel won't affect the way that your image looks ... and then press the trash can. This will delete the unwanted color.

Another way to reduce the number of colors in your image is to change the number of colors in the 'color' drop down box.

Make sure that you have the 'optimized' tab (on the top bar) clicked on. Now you will be able to see what the finished optimized image will look like with all of the settings that you have chosen.

EXAMPLE 2.

First of all, open up a photograph. I have opened a silly picture of my son. What file format do we save photographs in? If you remembered correctly, you chose JPEF file format. Now open up the 'Save for the Web' Dialog box by going to File > Save For The Web.

Now you are in the 'Save for the Web' Dialog Box. Choose JPEG from the drop down box directly underneath where it says 'Settings'

You have the choice of choosing the generic settings of 'Low', 'Medium', 'High', or 'Maximum' ... but I suggest that you use the more detailed 'Quality' drop down box. Here you can choose from 0 to 100.

Clicking on 'Progressive' will make lower-resolution images load up first in the browser. Leaving 'Progressive' unchecked means that the entire image will have to load before the browser will show the image.;

Click on 'Optimized' box, this will use a slightly newer JPEG format that is a bit quicker than the old format.

I would leave everything else alone, but experiment to see what works best for you.

Make sure that you have the 'optimized' tab (on the top bar) clicked on. Now you will be able to see what the finished optimized image will look like with all of the settings that you have chosen.

Well, we have completed our basic compression article. Next week we will cover more subjects that will get you prepared for an online portfolio.

Any comments about portfolios - or do you want to share your knowledge with us? Please send questions and comments to allfreelance@comcast.net

HOW TO SET YOUR FREELANCE RATES - A GUIDE FOR FREELANCERS & CONSULTANTSThere are many factors which business owners must consider on a daily basis as it relates to the running of their business. Things such as how to find good help, where to acquire supplies and how much to pay one’s employees are all pertinent matters which must be addressed. There are a few ways to go about figuring out your rates when it comes to how much to charge the customers.

Apr 01

		SPOTLIGHT CONSULTANTS FROM OUR FREELANCE COMMUNITY

MARKETING PLANS : A Collection of Articles for How to Outline and Write a Marketing Plan for Freelancers Starting a Home Business or a Small BusinessA solid, well-prepared marketing strategy is the foundation of success in business. The freelancer or any type of business owner must become informed on the development of an effective marketing plan. The following links will focus on marketing plan articles for the freelancer to have a successful business.

Mar 20

Category: Getting Started - Self Promotion - Marketing | Trackback | No Comments »

BUSINESS PLANS: Business Plan Examples, Samples, Templates, Software and ToolsIn any type of the business including those people that perform freelance work, the proper tools are necessary to become a success. The following links consist of selected online tools for the freelancer to develop an effective business plan.

Mar 18

Category: Getting Started - Freelancing & Self Employment - Lists - Freelance Resources | Trackback | No Comments »

MAR 03

FREELANCING AND FINDING WORK AT HOME JOBSThe difficulty lies not in the fact that there aren’t plenty of work at home jobs available but rather in the fact that genuine, quality, money-earning work at home jobs are all mixed up with work at home scams. This makes finding a work at home job that’s legitimate a not-so-easy task for people who are just breaking in to the freelancing business. But don’t worry; once you learn the lingo and know the basics, finding a work at home job gets a lot easier!

Mar 16

BUSINESS PLANS : A Collection of Articles for How to Outline and Write a Business Plan for Freelancers Starting a Small Business

Business plans are necessary in all types of businesses … and this also includes freelancers. Writing an effective business plan will help you plan out the success of your future business. Factors such as customer base, profit potential, as well as many other factors will be placed in this document. The business plan will help you, the freelancer, think through every aspect of your future successful business. We found the following business plan articles to be very helpful and we hope that you will find them to be useful too.

Category: Getting Started - Lists | Trackback | No Comments »

FEB 25

HOW FREELANCER WRITERS CAN DEFEAT WRITER'S BLOCKHelpful hints and tips to overcome the dreaded White Page Syndrome - There is probably nothing more dreadful and problematic for a writer than not being able to get going, being stuck on a menacingly white page. Read on for more ideas on how freelance writers can overcome Writer's Block.

FEB 19

WAYS TO GET MORE CUSTOMER REFERRALS FOR YOUR FREELANCE BUSINESSThe amount of customer referrals will often determine how successful one’s freelance business can really be. As word spreads quickly, having customers refer others to you and your services is a wonderful way of gaining new freelance business and making more money. There are a few distinct ways to get more client referrals for your business.

FEB 18

FREELANCE HOME OFFICE DISTRACTIONS VS DISTRACTIONS WHEN WORKING IN AN OFFICEOf course, distractions are different depending on whether you are freelancing from home or working in an office. Both kinds have their pros and cons so let’s take a look at some of the basic ones so that you can start getting a grasp on good vs. bad distraction behaviors for freelancers.

FEB 08

WORKING FULL TIME WHILE RUNNING YOUR FREELANCE BUSINESSThe key to being able to make the transition to full time freelancing is in setting goals that allow you to focus on moving away from working full time for someone else and towards putting more hours in to your freelance business.

FEB 06

20 WAYS TO PROMOTE YOUR FREELANCE SERVICES USING ONLINE FORUMSThere are a few distinct ways in which freelancers can market their services through forum marketing techniques.

JAN 24

60+ UNIQUE LOCAL & OFFLINE MARKETING IDEAS FOR YOUR CONSULTING BUSINESS Although online promotion is important for your freelance business, it’s crucial to remember to go back to your basics and do offline promoting as well locally, nationwide, and worldwide depending on who you are marketing to. Here are over 60 ideas to market your consulting services locally. Let Freelance work find you.

JAN 22

WHAT TO DO WHEN YOUR CUSTOMERS ARE GOOGLING INFORMATION ON YOUThis can be an issue for freelancers whose customers google them and try to find out information relating to them and their business. The following is a list of what to do when your customers are googling information on you.

JAN 19

26 THINGS TO DO WHEN BUSINESS IS SLOW AND IN DOWNTIME MODESome freelancers are anxious to work day in and day out which may present a problem for them when business is slow. However, there are many things which freelancers can do to bide their time while waiting for new freelance work to come in. Here are 26 ideas for staying productive during your consulting business downtime.

JAN 15

ONLINE CUSTOMER SERVICE TIPS FOR FREELANCERS & THE SELF EMPLOYEDThere is a casual attitude about communication that takes place online and that creates an environment in which customers sometimes don’t take your work seriously, leading to problems with projects and payments. In order to avoid those problems, you need to make sure that you are conducting all of your online work in as professional a manner as possible. Here are some tips on how to do that.

JAN 02

TOP 150 PLACES TO TRAVEL WITH YOUR FAMILY WHEN YOU STILL NEED TO GET WORK DONEWhen you are self-employed, there is no vacation time to save up, and there is no one to cover for you when you’re away. For many that mean giving up on vacations altogether, and this is what I have been doing for awhile. Most of These All-Inclusive Family Resorts Have Kids Clubs in Which Your Child can enjoy supervised and fun activities while you and your spouse can have fun or get freelance work done. Take a look below and enjoy!

DEC 30

LIST OF ARTICLE SITES, BLOGS, AND INFORMATION DIRECTORIES FOR FREELANCERS, CONSULTANTS, AND THE SELF EMPLOYED Do you ever get frustrated when you can't find the information that you need about freelancing? Well, I've just compiled a list of the best article sites, blogs, and directories for freelancers, consultants, and the self employed.

DEC 30

DECIDING WHETHER OR NOT TO FREELANCE OFFSITE OR ONSITE Deciding to work onsite or offsite sounds like a relatively simple decision, but it’s actually one which isn’t easy to make. Sure, when you’re lying in bed just after the alarm has gone off and you see that it’s raining outside and all you wish was that you could go back to bed for ten minutes and then do your freelance work from home, working offsite sounds ideal. But there are as many cons to the offsite work job as there are pros and you need to weigh them carefully when making the decision about whether to work onsite or offsite.

DEC 21

IS FREELANCING RIGHT FOR YOU? Freelancing, a term introduced by Sir Walter Scott (1771-1832), is when you work without being committed to an employer. With development of internet and communication technology, there has been a dramatic rise in the number of people going their own way and leaving behind the cubicles. You are reading this book, so you must be contemplating becoming a freelancer, but before you make your move there are a few things to consider.

DEC 20

FREELANCER'S GUIDE TO TIME MANAGEMENT The most common problem that freelancers face is figuring out the balance between work and the rest of life. While there are a few freelancers out there who don’t work as much as they need to in order to pay their bills and improve their business, most freelancers have the opposite problem – they work ALL the time. And that’s why there are a great number of freelancers who “burn out” after a short (or if they’re lucky, a long) time. In order to make sure that you aren’t one of those people who “used to freelance but got burned out”, you need to set limits on how much you work. Then you need to stick to those limits.

DEC 16

SHOULD I TURN DOWN FREELANCE PROJECTS? As freelancers, we often feel as if we have to say ‘Yes’ to every single job out there. However, we as freelancers are in a position where we can choose to say ‘No’ if we want to. Believe it or not, there are certain projects that you probably shouldn’t accept. Turning down work is probably the hardest decision you will need to make when running your business, but sometimes turning down a gig is necessary. In this article I will explain to you the details that you need to consider when you aren’t sure which route to take. Consider the following:

DEC 12

COOL IDEAS FOR YOUR BUSINESS CARDS As freelancers, we need to promote ourselves with business cards. How about putting yourself ahead of the rest of them by designing and printing completely unique business cards? You are about to take a look at the coolest and most innovative business cards that you have ever seen.

DEC 10

LIST OF FREELANCE FORUMS & MESSAGE BOARDS Looking to get together with other freelancers? Want to network? Want to ask questions about freelancing that you can’t find the answer to anywhere else? Look no further than the freelance forums that we have listed below. Feel free to let us know about forums that we have missed.

PORTFOLIO SERIES - article 8 - DIGITIZE AND OPTIMIZE YOUR FREELANCE PORTFOLIO IMAGES FOR WEB USE

Image Manipulation Software

How to Optimize Your Images for a Web Portfolio

Keep File Size in Mind When Optimizing Your Portfolio Images for the Web

These file formats are the most easily compressed and they are recognized on all browsers.

Below are examples of how to optimize images in Photoshop.

SPOTLIGHT CONSULTANTS FROM OUR FREELANCE COMMUNITY

Read More Articles from the ALL FREELANCE BLOG & SELF EMPLOYMENT BLOG