JPG vs. PNG: Which Should I Use?

TechSmith Camtasia

There is no one-size-fits-all for image file formats. This post will cover two of the most popular file format options, JPG vs. PNG, including when to use them and why. There are two main questions to ask yourself when you decide which image file format to use. The answers to these questions will help guide you to select your optimal file type. A JPG does, however, allow you to create smaller file size than you could with a PNG.

JPG 72

Reducing File Size for E-Learning Media

E-learning Uncovered

Some of these photos had a file size of 10MB or higher. Imagine building an e-learning course with dozens of photos this size–the course size would cause all sorts of problems with the students. Optimizing your graphic, audio, and video files will help reduce the size of your e-learning courses. Resizing pictures or videos on the slide doesn’t change the size of the underlying file. The downside of optimizing media files?

Insiders

Sign Up for our Newsletter

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

Review: NXPowerLite

BrightCarbon

NXPowerLite is the latest incarnation of a nifty Office compression solution which helps to reduce file sizes in a multitude of ways. However, our penchant for pretty and persuasive presentations can lead to fairly large file sizes.

Select the Right Image Format

SmartBuilder

As a follow up on my last post about optimizing graphics , I want to address a few ideas concerning the best image format for elearning graphics. When you create graphics for a course, do you save all of the images in the same format? However, you can use various image formats to optimize the graphics in your course. No image format does everything perfectly. You should choose the format based on the image’s characteristics. It’s a toss up between PNG and GIF.

Introducing Tech Tuesday toolbox

Mike Taylor

Open almost any image format like PSD (Photoshop), PXD, Jpeg, PNG (Transparent), webP, SVG and many more. Pick an existing quiz or create your own for review, formative assessment, and more. In my experience, most people love tech tips and tools.

Miro 65

Preventing Blurry Pictures: The Keys to Clear Images

TechSmith Camtasia

A few important terms related to pixels you might come across include: Resolution: size of the image in pixels (ex: 1920 x 1080). Pixel density: the relationship between resolution and physical size of screen (ex: 1080p, or ppi: pixels per inch). Use an image editing program to resize when possible to get the right size, rather than inserting an image and trying to resize in-program (ex: WordPress, Google Docs, etc.). PNG vs JPG.

E-learning Development: Selecting the Right Audio, Video, and Image Format

CommLab India

When developing an eLearning course using rapid authoring tools, you should know which format is supported by the tool to import audio files, videos, and images. If the tool does not support the image, video, or audio format you want to import, you will have to waste time converting them into the required format. So to get a clear picture, let’s see the various formats supported by Adobe Captivate 9, Articulate Storyline, and Lectora 16.

FLV 43

Newbies: More PowerPoint Hacks for Your Cp Project: Using PowerPoint Template Backgrounds in Your Captivate Master Slides

Adobe Captivate

Many are offered in a 16X9 format. (I File (from the Menu Bar) –> Export. You’ll need to change your File Type if it defaults to “Create PDF / XPS ” 4. Since I am always looking for ways to keep my file size low, I select. If you have more than 1 slide, PowerPoint will save each slide in your presentation as a separate file in the folder. You’ll now have a file with that background.

JPG 46

Images file types and their uses

Adobe Captivate

Image file types. They are undoubtedly a main element to elearning but do you know your png from your svg? here’s a list of file types and what the differences and uses are. Pro’s – salable (without loss of quality) small file size, transparent. Cons – bigger than jpegs, images have very large files sizes. cons – bigger than png, oldest format (1989).

More Than 100 PowerPoint Tutorials & a Free Template

Rapid eLearning

Here’s the difference between PNG and EMF images. How to reduce file size by saving slide as a PNG. How to use the format painter. With as many PowerPoint questions that I get, it’s a good thing that over the past year or so the elearning community has created about 300 PowerPoint tutorials. For this post, I decided to pull a bunch of them together so that you have them in one easy list.

Library? Which Library?

Adobe Captivate

If you import a (compressed)mp3 file it will automatically be converted to a ‘raw’ wav-file which will also be in this folder. It is recommended whenever possible to import a wav file, when published it will be compressed to mp3 by Captivate. Images : contains all bitmap images of any format; exception are the images created from layers in an imported Photoshop file. Use the menu File, Import, External Library and point to the project (cptx).

The Ultimate Glossary of eLearning Terms

LearnUpon

Advanced Distributed Learning is an initiative established by the US Department of Defense, aiming to make the delivery of online training consistent across content formats, technologies, and organizations. A predecessor to SCORM, AICC was difficult to work with and many steps were required to get content in the format running in a learning management system (LMS). Three popular eLearning formats rely on Flash technology: SCORM, xAPI (Tin Can), and video. Manifest File.

Working with Images in eLearning (part 1)

Matthew Guyan

As eLearning developers we regularly work with images in our projects and while we aren’t all graphic designers, it helps to have a basic knowledge of the terminology around image properties and file types which is what this post is about. Vector images use mathematical expressions to represent the image, they tend to have small file sizes and are scalable so when you resize them larger, which means that they don’t lose quality. These files can be edited in PowerPoint.

The A to Z of eLearning Acronyms Part 2

LearnUpon

iCALENDER Is a global adopted format for sharing meeting requests. It can reduce files sizes to about 5% of their original size, although some detail is lost in the compression. . Portable Network Graphics is a raster graphics file format that supports lossless data compression. PNG was created as an improved, non-patented replacement for Graphics Interchange Format (GIF), and is the most widely used lossless image compression format on the Internet.

Top 10 Screen Recording Software for Windows

eLearning Brothers

create videos in a variety of commonly used file types. saves in a variety of formats including AVI, JPG, GIF, and PNG. CamStudio’s website claims its software is so easy to use, you can learn it in a matter of minutes, thanks to their built-in help files. CamStudio’s website claims the file size of the videos you create with their software will be smaller in size than other leading video screen recorders, and have great quality.

First Reflections on Version 11.5.0.437

Adobe Captivate

File size of SVG’s tend to be smaller, compared with bitmap images, and moreover they are excellent for responsive project due to their vector nature. Size of the SVG: about 75Kb. Same for the clickable area: can be limited to the image itself (provided you have an image with transparent pixels of course – no JPEG but GIF or PNG). If you trigger Text, you will like the new formatting possibilities. Intro.

First Reflections on Version 11.5.0.

Adobe Captivate

File size of SVG’s tend to be smaller, compared with bitmap images, and moreover they are excellent for responsive project due to their vector nature. Size of the SVG: about 75Kb. Same for the clickable area: can be limited to the image itself (provided you have an image with transparent pixels of course – no JPEG but GIF or PNG). If you trigger Text, you will like the new formatting possibilities. Intro.

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

LearnUpon

Select from File > Open > via the menu bar at the top of the screen. You should save drafts of images you edit as a PSD file. PSD is the default format for saving data in Photoshop. Using the PSD format allows you to save every detail specified when an image is edited, including layers, masks and selections, which we’ll describe later in the series. To save an image as a PSD file, click File > Save as to open the dialog box. Image size.