Resizing Images CS 268. Where to start? Pictures (of course)  Need to down size them for the web.  Pictures taken with a 10 mega pixel camera are usually.

Slides:



Advertisements
Similar presentations
Microsoft Expression Web-Illustrated Unit K: Working with Behaviors.
Advertisements

Google Picasa Simple Sharing & Photo Editing May 2011Moore Memorial Library Public Computer Center | Greene, NY1.
BTEC 149. Windows Desktop Click on the Start Button.
Micky Lina Zampichelli ELFADA project.  Introduction to PhotoFiltre  Download and install PhotoFiltre  Menus and Toolbars  How to resize a picture.
COMPREHENSIVE Windows Tutorial 3 Personalizing Your Windows Environment.
Add Images to Improve Your Presentation Day 8. You will learn to Understand Graphics Formats Find Graphics Create Your Own Images Insert an Image on Your.
How to Post Blogs in WordPress Note: these steps and screen shots were taken while using a Mac. While Macs are still different from PCs, the steps and.
My Workspace Profile. Using the course menu, click on Profile.
Introduction to Raster Graphics Resize an image until it is pixelated.
Information Technology Services North Dakota State University Lorna Olsen Get the Best Digital Images Possible What’s it all about anyway?
Before you start, you should get all of your pictures together in one file. They should be in.jpg,.png,.tif or.gif format. Open your drive. Make a folder.
Photography Workshop 1. Putting photos onto the PC with a digital camera 2. Downloading pictures 3. Saving Pictures – in a file or online 4. Picture .
New Features of Boardmaker Version 6
Edit picture with free software PhotoCap. Edit picture  Free software:  PhotoCap 6.0  wthread.php?tid=43781&extra=page%3D.
Getting Started with Adobe Photoshop CS6
The basics of the Online Portal
Tutorial 3: Working with Images. Objectives Session 3.1 – Identify the differences among image file types – Evaluate the purpose of alternative text –
Unit E. Image Measurements The size of an image can be measured 2 ways: Dimensions: the height and width, measured in pixels. File Size: measured in Kilobytes.
CSS Sprites. What are sprites? In the early days of video games, memory for graphics was very low. So to make things load quickly and make graphics look.
Uploading Image Files. Introduction – Click on Control Panel Button Typically, most instructors will post the majority of their images under the “Course.
Adobe Bridge Image management system. Used by Photographers to…  Browse, view and organize photos  Import images and batch rename  Organize images.
Important Information This presentation was created by Patrick Crispen. You are free to reuse this presentation provided that you –Not make any money from.
DREAMWEAVER Adding photos and other tips!. Making photo gallery  Gather ALL the photos you need into your images folder. (remember to copy the URL so.
Microsoft FrontPage 2003 Illustrated Complete Working with Pictures.
Images. The Element To place an image on our web page, we use the self-closing element: The src attribute ("source") is required and supplies the name.
Google Drive Mr. Verlin Intro. to Multimedia September 9, 2015.
Click on these! %2Fblank%2Fbrowse.asp%3FA%3D383%26BMDRN%3D2000%26BCOB%3D0% 26C%3D64893.
Web Design (7) Images (1). Images and the Image Element Images can be placed in the flow of text..jpg,.png and.gif image files work in web pages The img.
StopPreviousNext Vicnet Internet training course Workbook 7 Working with pictures on the Internet Easy English workbook March 2011.
Week 1 – Beginners Content McAfee & Big Fish Games CoderDojo.
Saving Files in Windows Live Movie Maker by Signorina Troullos.
Cropping and Resizing Web Design Section 5-6 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I” Course.
Website Editing From Gingerweb The Image Gallery.
Microsoft Expression Web-Illustrated Unit E: Working with Pictures.
Submitting and Assignment Click on the assignment link in your course The folder with the paper sticking out of the top is the symbol for an assignment.
Importing your Own Data To display in GIS Lab 4b: (geocoding) Mapping data by street within the US.
Adobe Photoshop CS5 – Illustrated Unit A: Getting Started with Photoshop CS5.
Project Two Adding Web Pages, Links, and Images Define and set a home page Add pages to a Web site Describe Dreamweaver's image accessibility features.
Web Design (8) Images (2). My Holiday Photos An exercise in adding and linking images. Create a new website folder calling it ‘My Holiday Photos’. In.
Changing Screen Settings In Windows XP. Changing Screen Settings Right Click on open spot in desktop and click on properties or go to Start Menu, Control.
Chapter 1 Getting Started with Adobe Photoshop CS4.
1.5 LooGix.com Experience and Creation Meg Moring.
Start with loading the picture Locate your camera’s USB cable –it looks something like this:
TURN YOUR POWERPOINT INTO A MOVIE USING PHOTOSTORY.
1 2/22/05CS120 The Information Era Chapter 4 Basic Web Page Construction TOPICS: Images and placing pages on the server.
1 Place Your Photo AND Logo on Your Home Page Website Manager Tutorials.
How to Create Book Trailers with Audio Blocks and Windows Movie Maker Updated 2016.
WEB GRAPHICS EXPLORING COMPUTER SCIENCE - LESSON 3-4.
JRN 302: Introduction to Graphics & Visual Communication - Resizing and Resampling Thursday,
Adobe Photoshop CS4 – Illustrated Unit A: Getting Started with Photoshop CS4.
Teacher: Kenji Tachibana Digital Photography I. Scale (resize) to 640 x slides Copyright © Kenji Tachibana.
Searching for Images Improving the quality of your Google Search.
Windows Tutorial 3 Personalizing Your Windows Environment
Getting Started with Adobe Photoshop CS6
Images.
Images.
Getting Started with Adobe Photoshop CS5
Using iLocker.
Getting Started with Adobe Photoshop CS6
How to access your work from home or another computer
Setting Up Your Local Desk Jet Printer
Cropping and Resizing Web Design Section 5-6
worldsystembuilder.com/gceo
Images.
Images.
Images.
High resolution vs low resolution images (sharp vs pixelated)
Optimizing Images for the Web
Making a website.
An Introduction to MS MovieMaker
Presentation transcript:

Resizing Images CS 268

Where to start? Pictures (of course)  Need to down size them for the web.  Pictures taken with a 10 mega pixel camera are usually between 4 and 8 MB in size – too large for most web applications (take too long to download)  And you need even smaller "thumb nails" Need a program to make this easy!  In the labs Fireworks make this easy.  If you don't have Fireworks on your personal computer: from a web search I found this free one (there are others) – Easy Thumbnails

In P115 – Use Fireworks

Fireworks resizing Select folder and add the desired photos (I added all of them) You can select from more than one folder!

Fireworks resizing Select Next and Add Export and Scale to the right Include in batch: window Select Export on the right side then open Settings and select JPEG – experiment with the Smaller File and Better Quality settings to see how large the generated images are

Fireworks resizing Select Scale and add to the right side then open the Scale drop down box and make appropriate selections. In this screen shot I'm making the resized – but still large images – to display when a thumbnail is clicked. Notice that I allow the height to vary to avoid distorting the images. For thumbnails select 70 x 70px

Fireworks resizing Click the Browse button and select the folder to save the resized images. Finally click the Batch button and let it happen!

Using Easy Thumbnails You can download and install on your personal computer (also in the labs – if you install to the desktop or to your H: drive) 

Easy Thumbnails Select the resized image width and height  If you leave one empty the width or height will be set and the other dimension will be appropriately scaled

Easy Thumbnails And finally, select the folder to look in and the folder to save the resized images in  This program works well for creating thumbnails – and also works well to resize the larger images displayed when the thumbnail is clicked