article thumbnail

Preventing Blurry Pictures: The Keys to Clear Images

TechSmith Camtasia

When taking pictures or images, it’s important to start by thinking about where the image will be used: on the web, or printed? Tips for resizing images: Maintain aspect ratio (ex: 4:3) to avoid distorting your image (stretching or squishing). PNG vs JPG. Two of the most common formats: PNG vs JPG. Cropping Your Image.

Picture 45
article thumbnail

How to Resize an Image Correctly

TechSmith Camtasia

When scaling your image, it’s crucial to maintain the ratio of width to height, known as aspect ratio, so it doesn’t end up stretched or warped. Prevent an image from appearing stretched by locking the aspect ratio when changing the width or height. What is an aspect ratio? What are the best file formats for images?

Images 98
Insiders

Sign Up for our Newsletter

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

article thumbnail

6 tips for using images in your e-learning material

eFront

Stock images are (usually) of higher production standards than random web pictures, and you can buy sets of photos or drawings in the same style, something that will give your content a consistent look. You also have to prepare them appropriately for use in your web content. Getting the right images is just half of the story.

Images 99
article thumbnail

How to use Photoshop for eLearning – Part 2: Cropping & Resizing

LearnUpon

You can also choose to save a compressed version of the file in a web standard like JPEG, PNG or GIF. In the next post, I’ll teach you how to save files for web use, retaining quality while reducing file size. To proportionally adjust an image to a certain size, it has to retain the same ratio or it will be distorted.

article thumbnail

28 Best WooCommerce Plugins in 2021

The Be-all and End-all Guide to Creating a Supreme LearnDash LMS

It even improves your web page rankings on the search engine. To get rid of this frustration, you can use the EWWW Image Optimization extension that’ll optimize your existing as well as new images with the best compression/quality ratio. . for the job.

Stock 105
article thumbnail

The Ultimate Glossary of eLearning Terms

LearnUpon

Online web support was added to the specification in 1998. A cloud-based LMS is a web-based platform that helps companies to deliver, track, and report on eLearning. CSS is a markup language that defines the design of an HTML web-page. Javascript is the programming language of HTML and the web. Cloud LMS. JavaScript.

article thumbnail

Optimize your eLearning courses for mobile

LearnUpon

Responsive design is a term that was coined by independent web designer Ethan Marcotte in his article ‘A List Apart’. A tool like the Chrome plugin window resizer allows you to preview how a web page will look on a specific webpage sizes. Our web application LearnUpon is for example responsive to changes in the browser size.

Mobile 58