Not All PNG Compressors Are Created Equal

TechSmith Camtasia

Not All PNG Compressors Are Created Equal. The image on the right is less than 1/2 the size of the original image on the left. If the PNG compressor doesn't optimize color depth, or uses non-aggressive DEFLATE compression it can produce PNG's that are up to 90% bloat. Optimizing the PNG's in the Camtasia Relay PC recorder resulted in a ~7% (302KB) file-size reduction. But know that file size isn't the only thing affected.

PNG 77

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. The group realized a need to make large photographic files smaller, so that they could be more easily shared.

JPG 72
Insiders

Sign Up for our Newsletter

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

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?

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.

7 Ways to Improve the Site Speed for Your Online Course

LearnDash

Condense your CSS, HTML, and JavaScript files to minimize HTTP requests. If you have a lot of CSS, HTML, and JavaScript files scattered around, it increases the number of HTTP requests needed to load your website. Same for your other files.

Site 238

Introducing Tech Tuesday toolbox

Mike Taylor

Open almost any image format like PSD (Photoshop), PXD, Jpeg, PNG (Transparent), webP, SVG and many more. Quickly find media that is inflating the file size and reliably and easily replace fonts throughout your presentation. 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.

Cognitive Load vs. Load Time

eLearning Weekly

When we tested out of the LMS, we saw some strange effects but wrote them off: surely the great and powerful LMS would handle the files more seamlessly. Bottom line, the sheer size of the files was too much to handle. Cognitive psychology ran smack into the hard wall of file size. Just by deleting unused items in your library , file size shrinks significantly. png) to reduce.

PowerPoint 2008 for the Mac: Give a Presentation From Your iPod

The Logical Blog by IconLogic

Note: You have a choice of either JPEG or PNG from the Format drop-down menu. In this instance you are choosing JPEG because of its relatively small file sizes. If you were posting images to the internet it might be in your best interest to choose PNG. Right-click (or [Ctrl]-click) any of the files and choose Open with > Preview. by AJ George You want to pitch a sale to the CEO of a large company, Billy Bigshot.

iPod 116

Balancing image quality and SWF output size in CP 5 – 1

Adobe Captivate

In this two part blog series we look at information that you can use in Adobe Captivate 5 to parallel decide the quality of an image and the SWF file size and bring forth the differences between the publishing of images in CP 4 and CP 5. Size of SWF output files is an important consideration for many content developers as it takes longer time for end users to download larger files. Note: General tips to tweak the other factors that affect the file size are at.

SWF 64

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

Adobe Captivate

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. I like using the PowerPoint backgrounds in my Cp projects.

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. 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. I also included a free PowerPoint elearning template to celebrate the holidays and a great 2010!

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). Intro.

Select the Right Image Format

SmartBuilder

That’s true, but if an image perfectly meets the JPEG or GIF criteria, you’ll often get a smaller file size using those options. If an image meets the criteria of multiple formats, I suggest comparing file sizes in the Photoshop or Illustrator export window using a 2-up or 4-up display. It’s a toss up between PNG and GIF. Best format: This has PNG written all over it. Interlacing or embedding the color profile will increase the file size.

YouTube Thumbnail Sizes and Best Practices (New for 2019)

TechSmith Camtasia

Thumbnails are reduced-size versions of images or videos that originally got their name from being about the size of a human thumbnail. In this blog post, I’ll walk you through the exact size your YouTube thumbnail should be and I’ll also cover some thumbnail best practices. First, let’s start with the exact size you should make your YouTube thumbnails! Along with the correct size, you’ll also want to keep in mind the ratio, file size, and file type of your thumbnail.

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 Ultimate Glossary of eLearning Terms

LearnUpon

In LearnUpon, a content library is a repository of reusable content, like videos, documents, question pools, SCORM and xAPI (Tin Can) files, from which a course can be created. Originally used to compress image files, nowadays it’s best known for moving images which are a lightweight alternative to video. It usually takes the form of bite-sized courses that learners can access and complete while on-the-job. Manifest File. PNG (Portable Network Graphics).

100+ Learning, Design & Technology Resources to Help You Get Sh*t Done

Mike Taylor

Files.Design – Professional resources for digital designers including templates, sounds and other files made by Great Simple Studio. Moose by Icons8 — Interesting new option for free stock photos that match each other [link] You can even download them all as a big.zip file. Customize Your Noun Project Icons – With advanced editing features, you can now customize the color, size, rotation, orientation, background color and background shape. File Sharing & Collaboration.

6 tips for using images in your e-learning material

eFront

For a polished look, try to keep widths and heights consistent, and avoid having widely varying image sizes  it looks arbitrary and unprofessional. File size also matters. Use JPEG compression for photographs and detailed illustrations with subtle gradations, and PNG or GIF for images with more flat colors, such as clip art.

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). Intro. Usually I will not talk about a new version immediately after its release.

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). Intro. Usually I will not talk about a new version immediately after its release.

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. In Captivate 9, we can import only these image (Shift+Ctrl+M) formats: JPEG, GIF, PNG, BMP, ICO, EMF, WMF, POT, POTX, and PICT. JPEG: (Joint Photographic Experts Group) Possible to reduce the size and quality of the original image. ICO: A format for icons of multiple sizes and color depths.

FLV 43

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.

The A to Z of eLearning Acronyms Part 2

LearnUpon

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.

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. To save an image as a PSD file, click File > Save as to open the dialog box. Select the file format as Photoshop and specify the location you want to save the file to. You can also choose to save a compressed version of the file in a web standard like JPEG, PNG or GIF. Image size. Canvas size.