The Best Web Designs Use Photos
The best web designs do indeed use photos – a variety of high quality photos that reflect your brand and what you do. Choosing photos for your website is an important step in your overall web design. The photos help define the look and feel of the website, and personalize it for your business. High quality photos and logos enhance the look of your website. Dated photos and logos do just the opposite.
Here are 4 types of photos we will put on your website.
- Pictures you have taken or have paid a photographer for use on your website
- Pictures we take for you of your business
- Pictures your manufacturers or suppliers have given you permission to use on your website
- Stock photos you purchase from a photo website
NOTE: Stealing pictures from the Internet is not acceptable as you do not want any legal issues with your website! Saving a few bucks is not worth the potential legal trouble.
Stock Photos from Shutterstock
We have an account with Shutterstock, one of the largest suppliers of stock photos out there. Whenever possible, we like to use high quality photos you have taken yourself that are actually of your business and your products, but sometimes it’s simpler and easier to use Shutterstock. The cost of a certain number of these photos is included in the pricing of your web design package. We will help you choose photos for your website that fit in with your theme and overall design.
Photo galleries are handled separately from the general photos for your website. Ask about a phot gallery for your website.
Digital Image Formats
Did you know using the right digital image formats can help optimize your website for both speed in loading and search engine optimization? How do you know if you’re using the right types of image files across your website? Below, we’ll explain the differences between the major image file types and when it’s best to use which. Your web design team at Coastal Web services will help you choose images for your website.
- 16 bit data format
- Can display millions of colors
- Common, and compatible across most platforms and displays
- Uses a compression algorithm to sacrifice some image data to reduce file size
JPEG’s use of compression is great for most webpages because it reduces page load time – which is a search engine ranking factor. Use JPEG files for real-life photos of people or products (digital cameras save their images as JPEGs by default), as well as images that contain lots of color and light/dark shading.
- Uses 256 indexed colors
- Can utilize progressive loading (a low-quality version is loaded first, then more details are filled in)
- Can be animated
Since GIFs use a limited color range, their file sizes are generally small and don’t require compression. However, this means they are not the optimal choice for displaying details. Use GIFs for simple images with few colors, small icons, and of course, animation.
- Capable of displaying more than 16 million different colors
- Supports transparency settings
- Uses what is called lossless compression, which means no data is lost when saving
- Two types: PNG 8 is similar to GIF, and even smaller file size than GIF. PNG 24 is similar to JPEG, but lossless compression means larger files than JPEG
Because they display so much detail and use lossless compression, PNG 24 files tend to be large. They are best used for logos that use transparency and fading effects, or for other complex images. Just be aware that the larger file will take longer to load.
Once you’ve decided which image file types to use for the various parts of your website design, you can improve their SEO performance by optimizing the metadata for the images. If you’ve signed up for our SEO Services, we will create an image sitemap to help search engines index the images on your website. This is especially important if you have an e-commerce website where you have pictures of your product.
Another digital image format is .PDF. The .PDF format is usually a document, such as a warranty or owner’s manual.
How Should I Send You My Logo?
The higher the quality of the logo, the better. If you have a couple copies of your logo in different formats, go ahead and send us what you have. We will determine which one has the best quality. Preferred formats are: .ai .eps .pdf
How Do I Send My Pictures?
- Create a blank email and attach 1, or possibly more, photos to your email program (Max file size per email attachment is around 7MB).
- In the text area of the email specifically tell us the page that that photo will go on and what the photo is. You may know what an excavator model 6700 is but we probably won’t. It is helpful if you name each of your photos.
- Label the photo where you want it on the page if there is more than 1 picture per page. Before &After photos have to be labeled. (Ex: excavator-before-1.jpg).
- If you are not sure how to do this correctly, then call us for more details or use Method B.
- Create a folder on your computer with the name of your business.
- Go into your new company folder that you just created then create a folder for each of the page names of your new website.
- Copy the picture from your computer or your camera and place it in the appropriate new folder for that page.
- Label the photo what it is and give more details if there is more than 1 photo for a specific page. (Ex: before-shot-excavator-1.jpg)
- Once you have copied all of the pictures into the folder recheck to make sure everything is correctly labeled and placed in the correct folders.
- Copy the main company folder onto a flash drive or a cd and mail to us. We will not return the disk so make sure it is a copy.
Note on pictures: The picture should be the same file size as when you took the picture. If you reduce the file quality then it may show up grainy. If a picture you send us is only 2″ x 2″ we cannot make that picture any larger than the size you send us without degrading that image. We come across that once in a while as an older site may have some really good pictures but they are too small for the new site. You may need to retake that photo or try to find the original.
If you’re ready to partner with a web design and SEO company you can trust to work as hard for your business as you do, then call Coastal Web Services today for a free Website Design Analysis or a free SEO Analysis to see how well your site is currently performing. Call us at 410-420-9390 or click here to send us your request for a FREE Analysis.