Image Manipulation with ColdFusion 8 Presentation By Pete Freitag - - PowerPoint PPT Presentation

▶
image manipulation with coldfusion 8
SMART_READER_LITE
LIVE PREVIEW

Image Manipulation with ColdFusion 8 Presentation By Pete Freitag - - PowerPoint PPT Presentation

Mar 07, 2023 331 likes •661 views

Image Manipulation with ColdFusion 8 Presentation By Pete Freitag Foundeo Inc. Todays Agenda 1. CFIMAGE Tag 2. Image Functions 3. Advanced Image Metadata 4. Business Uses 5. Foundeos Image Effects Component Image Processing in CF8

slide-1
SLIDE 1

Image Manipulation with ColdFusion 8

Presentation By Pete Freitag Foundeo Inc.

slide-2
SLIDE 2

Today’s Agenda

  • 1. CFIMAGE Tag
  • 2. Image Functions
  • 3. Advanced Image Metadata
  • 4. Business Uses
  • 5. Foundeo’s Image Effects Component
slide-3
SLIDE 3

Image Processing in CF8

  • New CFIMAGE tag supports 9 operations
  • Over 50 new image processing functions

added to CF8

slide-4
SLIDE 4

CFIMAGE Actions

  • border
  • captcha
  • convert
  • info
  • read
  • resize
  • rotate
  • write
  • writeToBrowser
slide-5
SLIDE 5

Example: Resize

<cfimage action=”resize” source=”filePath” destination=”filePath” height=”n” width=”n”>

slide-6
SLIDE 6

CFIMAGE Source & Destination Attributes

  • An absolute server file system path
  • A relative path
  • A URL
  • A CFIMAGE Object Variable
slide-7
SLIDE 7

Example 1

Resize an Uploaded Image

slide-8
SLIDE 8

What if...

  • You only wanted to resize big images?
slide-9
SLIDE 9

Image Info

  • <cfimage action=”info”

source=”file” structName=”imgInfo”>

slide-10
SLIDE 10

Example 2:

Image Info

slide-11
SLIDE 11

Example 3:

Conditionally Resize an Image.

slide-12
SLIDE 12

CAPTCHA

  • Whatcha talkin about?
  • Completely Automated Public Turing

test to tell Computers and Humans Apart.

slide-13
SLIDE 13

CAPTCHAs

  • Used to detect spammers
  • Displays hard to read text via an image
  • To foil OCR or image to text apps
  • CAPTCHAs do not meet Section 508

Accessibility standards

slide-14
SLIDE 14

CFIMAGE CAPTCHAs

  • <cfimage action=”captcha” text=”display”

width=”300” height=”50”>

slide-15
SLIDE 15

Example 4:

CAPTCHA Images generated by CFIMAGE

slide-16
SLIDE 16

Example 5:

CAPTCHA Form Example

slide-17
SLIDE 17

Image Functions

  • Create Images from Scratch
  • Add Shapes & Lines to an Image
  • Add Text to an Image
  • Overlay an Image on another Image
  • Crop, Flip, Blur, Grayscale, Invert, Rotate
  • Get EXIF & IPTC Image Metadata
slide-18
SLIDE 18

Example 6:

Building a button from scratch using Image functions.

slide-19
SLIDE 19

Advanced Metadata

  • EXIF - Exchangeable Image Format
  • IPTC - International Press

Telecommunications Council

slide-20
SLIDE 20

10 Most Useful Image Functions

  • ImageRead(), ImageWrite() & ImageNew()
  • ImageDrawText()
  • ImageGetWidth() & ImageGetHeight()
  • ImageScaleT
  • Fit()
  • ImageSetAntialiasing()
  • ImageSetDrawingColor() &

ImageSetDrawingStroke()

slide-21
SLIDE 21

Business Use Cases

  • Manipulating Product Images
  • Branding
  • Watermarks
  • Localization
slide-22
SLIDE 22

What if you wanted...

  • Gradients
  • Rounded Corners
  • Reflection Effect
  • Drop Shadows
  • More...
slide-23
SLIDE 23

Foundeo’s CFIMAGE Effects

http://foundeo.com/image-effects/

slide-24
SLIDE 24

One more thing...

slide-25
SLIDE 25

Foundeo is launching 3 new Image Effects for ColdFusion today

slide-26
SLIDE 26

Sepia Tone

slide-27
SLIDE 27

Darken Image

slide-28
SLIDE 28

Brighten Image

slide-29
SLIDE 29

Demo

Foundeo’s CFIMAGE Effects

slide-30
SLIDE 30

Pricing

  • Currently $39
  • Price Will Increase to

$49 on April 15th

slide-31
SLIDE 31

Questions?

Thank You. Blog: http://www.petefreitag.com Company: http://foundeo.com/