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 94

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 100

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 139

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

How can I create a spotlight on a slide to highlight some information?

Yukon Learning

Right click this selection to save as a picture (right-click> Save as Picture >PNG). Be sure to save as a PNG. A great question surfaced in a training class a couple of weeks ago – “How can I create a spotlight on a slide to highlight some information?”.

PNG 87

PowerPoint 2010: Adjusting the Saturation for a Clip Art Image

The Logical Blog by IconLogic

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.

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 Builds Rome in a Day

The Logical Blog by IconLogic

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 Macworld.com introduces you to Project Rome , a new all-in-one content creation and publishing application targeted to consumers, small businesses, and educators.

JPG 138

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!

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

An eLearning Workflow

The Logical Blog by IconLogic

      I export my Illustrator graphics as  transparent high-resolution PNG files  for easy import into Microsoft PowerPoint, Articulate Storyline, or Adobe Captivate.

ADOBE CAPTIVATE: Control the Startup Screen for a Published Project

The Logical Blog by IconLogic

Instead of the plain gray screen shown above, I want my learners to see the image below (I created the image with an image-editing program and saved it as a PNG.). by Kevin Siegel, COTP , CTT.

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.

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

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.

SnagIt 108

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.

Development Corner: Image Formats

The Logical Blog by IconLogic

    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 158

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 179

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.

PowerPoint: Create an Infographic

The Logical Blog by IconLogic

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.

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.

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.

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.

Camtasia 6: Why Won't Some Gifs Work?

The Logical Blog by IconLogic

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.

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.

Adobe RoboHelp: Favicons

The Logical Blog by IconLogic

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 146

Adobe Captivate 2019 vs. SharePoint: The Issue is real.

Adobe Captivate

The Back Story: In the previous versions of Adobe Captivate such as 7, 8, and 9 (before updating to version 9.0.2.437) the individual loose files such as png, smartshapes, and text captions from the project’s HTML5 output were stored in the dr folder.

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 133

Adobe FrameMaker: On-Demand QR Codes

The Logical Blog by IconLogic

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 166

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.

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.

Free medical images for eLearning

eLearningArt

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.

PNG 52

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.

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 209

eLearning: Interesting Weekly Finds #11

Upside Learning

A Web-based drawing tool, which outputs the drawing as PNG file. CopperLicht – fast WebGL JavaScript 3D Engine. CopperLicht is a JavaScript 3D engine for creating games and 3d applications in the webbrowser.

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.

Media 187

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

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 56

Infographic: The Periodic Table of Instructional Design

eLearning Brothers

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

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.

Toys 149