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 86

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 79

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

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.

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

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.

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

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!

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 100

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.

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 130

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.

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.

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 132

Get rid of White start screen with Black button (HTML output)

Adobe Captivate

I will take a screenshot of that slide while it is playing to save as a PNG (or other image format) and then hide the slide to avoid it to be included in output. png and edited to turn it into a full transparent image. Intro.

HTML 63

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

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.

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.

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.

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.

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 116

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

Infographic: The Periodic Table of Instructional Design

eLearning Brothers

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

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.

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 55

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 146

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.

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.

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.

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.

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.

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

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.

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.

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 109