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 91

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 99

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

JPG 134

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.

JPG 130

Images file types and their uses

Adobe Captivate

They are undoubtedly a main element to elearning but do you know your png from your svg? cons – bigger than png, oldest format (1989). Image file types. here’s a list of file types and what the differences and uses are. Pro’s – salable (without loss of quality) small file size, transparent. Cons- not I.E. friendly. Pro’s – 24 bit colour, photo quality, high detail. Cons – not transparent.

PNG 40

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

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.

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

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.

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

TechSmith Camtasia: Exporting Frames

The Logical Blog by IconLogic

      Name the file, select a File type (you can save as a bitmap, GIF, JPEG, or PNG), pick a save destination, and then click the Save button. 

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.

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.

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

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.

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.

Rebrand courses without republishing

Adobe Captivate

The logos are on multiple master slides and are png files. We have a client asking if there is a way to rebrand modules with different logos after the modules have been published for LMS. We are creating a course for XYZ client that has their own logo. XYZ is reselling the modules to other clients who would like to put their own logo on the course.

PNG 40

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

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.

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.

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

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.

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

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.

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

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.

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.

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.