JPG vs. PNG: Which Should I Use?

Visual Lounge

This post will cover two of the most popular file format options, JPG vs. PNG, including when to use them and why. The reason is because the compression is lossy , which means that certain unnecessary information is permanently deleted. What is a PNG? So, JPG or PNG?

JPG 35

PowerPoint: Create an Infographic

I Came, I Saw, I Learned

To convey a hearty amount of information you'll generally want it to be much longer. On the Save As dialog box, locate the  Save as type drop-down menu and choose  PNG Portable Network Graphics Format.

Trending Sources

Detecting Mobile Platforms the Smart Way for Lectora

eLearning Brothers

On each page, there is a group with an overlay that includes a PNG to shade the content, and a button with two actions, one to play the audio, the other to hide the group.

Enhancing Interactions with Media Elements

Vikas Joshi on Interactive Learning

With this, course developers are increasingly feeling the need to provide additional information elements within interactions. jpg,png,gif) or text. For more information visit and explore the power of Media Toolbox A few years back, e-learning courses were largely static, with a few interactions here and there. As interactivity takes center stage, more and more learning happens through interactions.

Snagit Update: Light Theme, Scrolling Capture and More

Visual Lounge

Starting with Snagit 9, we’ve had a very powerful and popular way to automatically save your captures and lots of information connected to your captures. However, the actual storage location of that information was controlled by Snagit.

Get The Big Picture With TalentLMS’ Training Infographics


This is a “big picture” infographic that shows statistics and operational information about your training program as a whole. What other Infographics would you like to see added to the platform or what other information you’d find useful in the existing infographics?

PNG 15

Free eLearning resource screen template and tutorial


If you’re building a good eLearning course, you don’t want to cover EVERYTHING (even if your SME tells you that learners need ALL the information in the history of mankind). You’ll highlight the important stuff, like what do DO with the information and how to connect the learner to outcomes.

How to steer your client away from an information dump

Making Change

I kept track of the branching by writing the dialog and results in an informal flowchart. The “order taker&# meter is a static PNG in three versions (&# order taker,&# midpoint, and “instructional designer&# ).


More Than 100 PowerPoint Tutorials & a Free Template

Rapid eLearning

Animated effect to introduce new scenes or information. Here’s the difference between PNG and EMF images. How to reduce file size by saving slide as a PNG.

Five Tips for Creating Graphics for Mobile Devices

Upside Learning

Flexible Design: Except for Blackberry most other smart phones have G-sensor, which understands the orientation of the phone and displays information accordingly – in landscape or portrait depending upon how the handset is held.

PNG 26

The A to Z of eLearning Acronyms Part 2


Expanded to the Payment Card Industry Data Security Standard this acronym describes whether or not a vendor is adhering to the appropriate industry standards of payment information collection and processing. We have a free eBook available containing more information on SCORM.

10 ways to enhance the LMS experience for your users


As research has shown, humans are wired to pay special attention to storytelling and can retain things that they heard in story form much better than other information. The key to success in eLearning, as in any other business for that matter, is to never rest on your laurels.

PNG 15

Building Finger-friendly Buttons for m-Learning


All you need are two image files (any file format will do—png, jpeg, bmp or gif)—one to show as the unselected radio button/checkbox, and one to show as the selected radio button/checkbox when your learner taps the button.

IPhone- User Interface Guidelines – Part III

Upside Learning

Table Views, Text Views and Web Views: Table View: It displays information in single column multiple rows format. Navigating Hierarchical Information : Mainly in productive type of application. Viewing Conceptually Grouped Information.

Optimize your eLearning courses for mobile


Breakpoints are useful in an elearning context as they can inform the way in which you design your courses. Think about whether or not a person can derive information from a particular course whilst also “on the go”. If you do have to make compromises go for a lighter resolution of video, and if you are using images, use jpeg and gif rather than png. Recently one of our customers asked us for some advice on how to optimize their courses for mobile devices.

Adobe FrameMaker: On-Demand QR Codes

I Came, I Saw, I Learned

They are typically used for storing URLs or other information and can be scanned by QR Readers. In the  File Name  field, give the QR code a name (it will be saved as a PNG image) and specify a storage location. by Kevin Siegel      Unless you've been deliberately avoiding them, it's a good bet you've come across images similar to the one below.     The image is known as a QR code.

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


You can also choose to save a compressed version of the file in a web standard like JPEG, PNG or GIF. The Navigation panel also displays zoom level information and shows where you are in the document in case you’ve zoomed into a preview image.

Technical Communications: Online Versus Paper

I Came, I Saw, I Learned

 If your print document includes cross references (such as, "For more information, see page 11"), you could end up with a mess. To use the images, you'll need to allow time to save the images as online versions (in jpeg or png format). by Tony Self    What is more effective, a print document or an online document?

eLearning: Interesting Weekly Finds #11

Upside Learning

More information on how we might use it in elearning can be found in this post on our blog. A Web-based drawing tool, which outputs the drawing as PNG file. CopperLicht – fast WebGL JavaScript 3D Engine.

Improve learning with worksheets and handouts


Images – gif,png,jpg. Doing so, breaks down complex information into bite size pieces for your learners and makes it possible for them to quickly absorb certain abstract concepts in your course. With ProProfs, you can supplement learning with downloadable handouts and worksheets.


10 Design Standards to Create Better eLearning!

eLearning Brothers

Should you be formal or informal? mov,swf,avi,png,wmv, etc.). If you’re thinking about creating online courses you’ve probably started to think about standards. eLearning content needs to follow standards just like classroom manuals and material. When content is standardized it makes it easier for the learner to understand and quickly process the content. They stop noticing inconsistencies and focus on what you’d really like them to – the meat!


Open Source E-learning Development 2: Image Manipulation

The E-Learning Curve

The application has read/write support for popular image formats such as BMP, JPEG, PNG, GIF and TIFF, as well as the proprietary file formats of several other applications such as Autodesk *.flic GIMP can also read and write path information from SVG files.

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. Note that JPEG does not support transparency and transparent images such as PNG images do not appear clearly if published with this option.

Product Review: SoftChalk 6 – Rapid Content Authoring Tool

eLearning 24-7

Within the quiz group, you pick your quiz type, then the popup window appears and you click the tabs to select the options you want and enter in the information. You can input the information you want and offered a series of options. Image formats are.bmp.jpg,gif,png and.jpeg. If you wish to incorporate MD, you have a lot of tabs with information to pick from.