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 76

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 69

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.

PNG 130

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

PNG 100

Adobe Builds Rome in a Day

I Came, I Saw, I Learned

Project Rome offers output in formats such as PDF, SWF, JPG, PNG, SVG, or FXG or Web files for either an Adobe or third-party-hosted Website." Jackie Dove of introduces you to Project Rome , a new all-in-one content creation and publishing application targeted to consumers, small businesses, and educators.

JPG 200

Development Corner: Image Formats

I Came, I Saw, I Learned

    PNG. I save my graphics as high-quality PNGs and allow transparency (a checkbox I choose in Adobe Illustrator when I export a graphic to PNG).

Format 260

PowerPoint: Create an Infographic

I Came, I Saw, I Learned

On the Save As dialog box, locate the  Save as type drop-down menu and choose  PNG Portable Network Graphics Format. When the  Info  dialog box opens click the  Every Slide  button to save all of the slides as separate PNG files.

Camtasia 6: Why Won't Some Gifs Work?

I Came, I Saw, I Learned

However, TechSmith says that developers still using Camtasia Studio 6 will need to convert any problematic gif images to png before adding those images to projects. I received this email last week. Question: I'm using Camtasia Studio 6. Suddenly some of my gif images won't go to the Timeline. They import just fine, but I get a "codec" error when I try to drag them to the Timeline. These images used to work just fine--they haven't been updated in forever.

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.

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.

Adobe 232

How to Remove the Background From an Image

Visual Lounge

If you are using a screenshot or a PNG image, it will default to have a transparent background. Step 5: Save your image as a PNG. If you don’t save your image as a PNG file it will default your background to white. The other day, I was working on a presentation.

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%.

Online Free Diagram Program

Take an e-Learning Break

You can export the chart as a PNG file to import into your learning application. Looking for a better way to create visual diagrams? Lovely Charts allows you to create sitemaps, visual diagrams and org charts. Check it out: [link

PNG 52

ELearning Brothers Launch Groundbreaking Mobile Templates

eLearning Brothers

Step aside Mp3’s – Move over Png’s – No more are.jpg,fx,xml, or.eps! Here at eLearning Brothers, we believe in innovation — to the same degree Nintendo did. And just like Nintendo we’re taking a 90s’ twist on technology… because digress is the new progress!

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.

Adobe's Project Rome

eLearning Cyclops

The outputs include PDF, SWF, JPG, PNG, SVG, FXG or web files. Project Rome is the latest coming out of Adobe Max. Project Rome is available for download as a free preview. There is also a Project Rome for Education.

Adobe FrameMaker: On-Demand QR Codes

I Came, I Saw, I Learned

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. As you can see, QR codes are images that are made up of black and white squares.

Adobe 218

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.

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

I Came, I Saw, I Learned

Note: You have a choice of either JPEG or PNG from the Format drop-down menu. If you were posting images to the internet it might be in your best interest to choose PNG. by AJ George You want to pitch a sale to the CEO of a large company, Billy Bigshot.

iPod 260

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 146

Creating Transparent PNGs in PowerPoint

Integrated Learnings

This post will provide step-by-step instructions for how to create transparent graphics in PowerPoint and save them as a portable network graphic (PNG) file for use in an e-learning module. For the Save as type , choose PNG Portable Network Graphics Format. by Jonathan Shoaf.

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.

Web 130

Infographic: The Periodic Table of Instructional Design

eLearning Brothers

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

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.

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.

How to Edit SVG Graphics in PowerPoint

Rapid eLearning

I like to save as a PNG file so that the transparent part of the image remains transparent. The good news is that now you can edit SVG images in PowerPoint. And that’s a big deal because we’re starting to see more SVG images every day.

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.

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

Push Our PowerPoint Graphics to the Max with Gauge Templates

eLearning Brothers

You can check our stock image library , or make one with your favorite image editing software and save it as a PNG file before inserting it into your presentation.

Batch Edit with Snagit’s Covert Images

Visual Lounge

For example, you could take a group of images and add a one pixel border to each, make the images 200×200 pixels and change the file format from JPG to PNG. Select an output directory if you wish, then choose the file format such as PNG, PSD, or BMP.

A Way With The Fairies


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.

Toys 146

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

CommLab India

In Captivate 9, we can import only these image (Shift+Ctrl+M) formats: JPEG, GIF, PNG, BMP, ICO, EMF, WMF, POT, POTX, and PICT. PNG: (Portable Network Graphics) It is better than JPEG and supports binary transparency and alpha channel transparency.

FLV 53

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.

Make a responsive splash screen with several pictures

Adobe Captivate

png” That means: Mobile size: width:186px; height:350px. Once done replace the name of the “png” picture by yours.

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.

Images 155

Free medical images for eLearning


Note that the icons are also in both PNG and EMF format, so you can ungroup and modify them. Who doesn’t like free? Medical stock photos are pretty popular in eLearning right now. So I thought it would be a good time to hook you guys up with some free images.