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. A JPG does, however, allow you to create smaller file size than you could with a PNG. What is a PNG? File compression for a PNG is lossless. So, JPG or PNG?

JPG 35

Not All PNG Compressors Are Created Equal

Visual Lounge

Not All PNG Compressors Are Created Equal. 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. Producing optimized PNG's. This week's Dev Corner post is brought to you by Eric Jensen.

PNG 31

Trending Sources

Tips & tricks for self publishers – Part 3

E-Learning Provocateur

I had problems with PNG files (they outputted fuzzy) so you might consider TIF or JPG instead. In Tips & tricks for self publishers – Part 2 I explained how to self publish an e‑book.

Tips & tricks for self publishers – Part 3

E-Learning Provocateur

I had problems with PNG files (they outputted fuzzy) so you might consider TIF or JPG instead. So now you know how to self publish a paperback, you are ready for Tips & tricks for self publishers – Part 4 , in which I’ll provide advice on how to promote your product… self publishing Amazon books BullZip color colour cover CreateSpace flate font images interior JPG paperback PDF PNG prepress proof publishing Steven Lewis TIF typeface writing

5 Free Camtasia Templates to Sink Your Teeth Into

eLearning Brothers

Position any of these PNG images over an image or video to achieve the effect that it’s playing or displaying on the surface of your choice. In case you haven’t heard, Lectora and Camtasia are brilliantly compatible.

Preventing Blurry Pictures: The Keys to Clear Images

Visual Lounge

PNG vs JPG. Two of the most common formats: PNG vs JPG. The main benefits of JPG and PNG: JPG uses lossy compression, compromising some quality, but making the file size smaller and more easily shared. There’s nothing more frustrating than blurry pictures.

JPG 33

PowerPoint 2010: Adjusting the Saturation for a Clip Art Image

I Came, I Saw, I Learned

Only files saved as PNG or JPG have options for adjusting color saturation from within PowerPoint. To change this, click the Save as Type  drop-down menu and select either JPG or PNG. by AJ Walther.

JPG 42

Infographic: The Periodic Table of Instructional Design

eLearning Brothers

Download your copy of the infographic: PNG (Large) | PNG (Small) | PDF.

Free Assets to Improve Your eLearning

eLearning Brothers

The file is a PNG so the inside of the frame is transparent, allowing you to place it over any image you like and have it look like a framed picture.

Free 62

Free E-Learning Template: Check Mark Interaction

Rapid eLearning

Check out these other free templates and assets shared in the community recently: Flat Icon Pack (PNG). Button Set Icons (PNG). In the spirit of the holiday season, here’s a free elearning template.

PNG 24

A way with the fairies

E-Learning Provocateur

As you can see via my screenshot, Aurasma supports the binary transparency of PNG files; with the background of the fairy image invisible, the real background shines through. One of the greatest hoaxes to be perpetrated last century was that of the Cottingley Fairies.

PNG 69

How to Create Icons in PowerPoint + Free Download

E-learning Uncovered

Click here to download these fully-editable icons (PPT & PNG). PowerPoint has always been my go-to graphic design tool (as I’ve explained in several of my other posts: here , here , and here ).

How to Use Vector Backgrounds in Lectora

eLearning Brothers

PNG) patterns into Lectora and Photoshop. I can then save out the pattern as a PNG. Then to make it tile as the background in Lectora, just go to the Design Ribbon, to the Title Background section, select the image drop down and import your PNG.

PNG 20

Create an Electronic Signature with Snagit

Visual Lounge

In the Save Window, select the desired location and then save your image as a PNG file. For Windows, Copy or Cut the Signature PNG file from a Windows Explorer window and navigate to C: > Program Files > TechSmith > Snagit > Stamps and Paste your PNG file.

PNG 29

A Way With The Fairies

Learnnovators

As you can see via my screenshot, Aurasma supports the binary transparency of PNG files; with the background of the fairy image invisible, the real background shines through. One of the greatest hoaxes to be perpetrated last century was that of the Cottingley Fairies.

PNG 54

Add Visual Depth to Your Lectora Courses

eLearning Brothers

This will download a zip which, when extracted contains two PNG files—one of the pattern at the original size and the second (marked with “@2X” at the end of the title), is the pattern magnified 200%.

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.

9 Google Search Hacks to Make eLearning Development A Whole Lot Easier

eLearning Brothers

Searching for images might be easy for you, but do you know you can use filetype:[jpg or png] to find images and document files, like PDFs. One of the biggest pain points of eLearning development is not being able to quickly issues.

Enhancing Interactions with Media Elements

Vikas Joshi on Interactive Learning

jpg,png,gif) or text. 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. A learner may spend more time working through a simulation, playing a game or exploring an interactive visual than reading the course material. With this, course developers are increasingly feeling the need to provide additional information elements within interactions.

Library Overview: Medical Images

eLearning Brothers

Each image is PNG, so no more worries for you when it comes time to place the organ in question on your own background. As was mentioned in a recent post, the Bureau of Labor Statistics estimates that between 2014 and 2024, medical careers will increase by almost 20 percent.

Adobe RoboHelp: Favicons

I Came, I Saw, I Learned

You can use png , ico , or gif images as Favicons. by Kevin Siegel. During my online RoboHelp classes , students frequently ask for ways to brand a generated WebHelp layout. There are multiple ways to add a corporate identity to a layout including customizing a WebHelp skin and adding a copyright notice within the footer of a master page. While working with skins and master pages is easy enough, one of the fastest ways to brand WebHelp is also the easiest: add a Favicon.

PNG 32

12 Design Tools To Make Your eLearning Course Look Good

LearnUpon

TinyPNG allows you to reduce the size of your PNG files without having to compromise on crystal clear quality. Design – it can make or break your eLearning course. Get it right and you have a course that communicates clearly, increases engagement and helps learners reach their goals. Get it wrong and… no one will be finishing your course.

Hell in a Cell Between Articulate Storyline 2, Adobe Captivate 9, and LectoraInspire 16

CommLab India

The supported image formats are GIF, JEPG, PNG. There is a possibility to download supporting documents from within the eLearning module (PDF, PPT, MS Word, EXE, ZIP, PNG, JPG, etc.). Selecting the right authoring tool for rapid eLearning projects is a process riddled with uncertainty.

Editing Images with PowerPoint

Integrated Learnings

It’s even possible to save as a PNG with a transparent background. By Joseph Suarez. Sometimes an eLearning course needs to be enhanced with an image , but finding the right one can be a chore in itself. It’s frustrating to locate an image only to find it just isn’t quite right.

Creately Web Based Diagramming Tool

Moodle Journal

Upon completion diagrams can be exported in either png , jpeg or Creately format. A little bit of cross posting between my blogs here but if you have use for a diagramming tool and not come across Creately yet, then I think it is well worth paying a visit to the site.

PNG 28

How to Record a Webinar

Visual Lounge

To save a frame from your video recording , move the playhead to the frame you want to capture, and then click the PNG button. Have you ever felt you were about to join a great webinar and wished your whole team was with you?

Free Assets from the E-Learning Community

Rapid eLearning

Folder icons (PNG). Miscellaneous office backgrounds (PNG & PowerPoint): desk and mailroom. Zombie characters (PNG). Most people aren’t active participants in the elearning community. That’s OK.

PNG 19

eLearning Magic: 3 Lectora Course Enhancement Tips

eLearning Brothers

And since they’re PNG’s you can put them in front of any background and it will still look natural. We love Lectora for its versatility and quality. That’s why we partnered with them to provide so many awesome templates for you to plug into the interface!

How to Use Customized Adobe Captivate 8 Buttons

eLearning Brothers

Note: Be sure to save them out to a format that supports transparency (GIF, PNG, or BMP). One of the most effective ways to make your eLearning courses more engaging for your learners is through the use of buttons.

SXSW and the Rockstache

Visual Lounge

For Snagit for the Mac, you can unzip the file and drag the png mustache file to Snagit's tray and then combine it with your screencapture to use. "A man without a mustache is like a cup of tea without sugar" ~ English Proverb.

PNG 48

8 Editing Techniques for Great Images in Lectora

eLearning Brothers

Psst: Lectora supports.bmp,jpeg,png,tif,wmf and.emf file extensions). Guest blog by Jennifer Valley. Jennifer is an Instructional Designer with five years of experience. She enjoys blogging, social media, and researching.

Snagit Update: Light Theme, Scrolling Capture and More

Visual Lounge

This will allow you to quickly view all of your autosave captures and save them to common formats (PNG, JPG, etc.).

Get The Big Picture With TalentLMS’ Training Infographics

TalentLMS

Like with the Portal infographic, here too you’ll find the “ Export ” button on the top of the screen, which allows you to export your infographic as a PNG file for sharing. Infographics have been all the rage since they emerged on the web and enterprise scenes a few years ago.

PNG 15