You will be redirected in 30 seconds or close now.

ColdFusion Authors: Yakov Fain, Jeremy Geelan, Maureen O'Gara, Nancy Y. Nee, Tad Anderson

Related Topics: ColdFusion

ColdFusion: Article

Convert and Resize Images Using CFXImage

Convert and Resize Images Using CFXImage

Many of today's Web pages take too long for users to download. We've all landed on a page, stared impatiently at a blank screen for a minute or two, and become so frustrated that we found another activity to occupy our time.

After responding to the 25 e-mails left minimized on the desktop, we check the page again only to experience a very large image struggling to open before a page times out.

We all know there's a correlation between page load time and page size: an increase in page size means an increase in page load time. Unfortunately, users don't increase the time they spend waiting on your site. Several studies show that most users won't wait longer than 20 seconds for a page to load before leaving the site. Keep the page size less than 50KB in order to keep a user interested in your site.

Even though we know a smaller page size will retain more users, we often come across images larger than 200KB on our own sites. The problem stems from images being posted to the site either directly or through a content-providing template, unknown to the Web administrators. If the latter case is true, you may be able to use a custom tag called CFXImage to control image size and format.

Introducing CFXImage
CFXImage is a DLL that runs only on a Windows 32-bit operating system. The tag uses Microsoft Foundation Classes as a shared library, so "mfc42.dll" and "msvcrt.dll" need to be located in the system path. CFXImage is available for free at www.gafware.com.

Here are some things the tag can do through the actions invoked by the ACTION attribute as taken from the CFXImage documentation:

  • ACQUIRE: Acquire an image from a TWAIN device
  • ANIMATE: Add frames to create an animated GIF
  • ARC: Draw an arc on the image
  • CAPTURE: Capture a "still frame" from a video capture device
  • CHART: BAR, LINE, PIE, DOT or CROSS charts or any combination of those
  • COLORBALANCE: Adjust the color balance of an image
  • CONTRAST: Adjust the contrast of an image
  • CONVERT: Convert formats
  • COPY: Copy an image from one location to another
  • CREATE: Create a blank image
  • ELLIPSE: Draw an ellipse on the image
  • EXISTS: Test for the existence of an image
  • FLIP: Flip an image vertically or horizontally
  • FLOOD: Perform a flood fill on the image
  • IPTC: Insert IPTC-NAA tags into jpegs
  • LINE: Draw a line on the image
  • OVAL: Draw an oval on the image
  • PASTE: Paste image to image; transparent pasting is supported
  • PASTE_COMMENT: Paste an invisible comment in the image
  • PASTE_TEXT: Paste text to an image
  • PIXEL: Set the color of one pixel in an image
  • READ: Read image information, width, height, size, time created, etc.
  • RECTANGLE: Draw a rectangle on the image
  • REDIMENSION: Proportionately resize the image canvas
  • REMOVE: Delete an image file from the disk
  • RENAME: Rename an image file
  • RESIZE: Resize images to new dimensions or thumbnails
  • ROTATE: Rotate image by 90, 180, or 270 degrees
  • XML: Use an XML file to perform batch operations

    The tag also supports many file types:

  • Jpeg (JPEG)
  • Graphics Interchange Format v87a (GIF87A)
  • Graphics Interchange Format v89a (GIF89A)
  • Windows Bitmap (BMP)
  • OS/2 Bitmap (OS2)
  • X-Bitmap (XBM)
  • Portable Network Graphics (PNG)
  • Portable Image Map Plus (PBMPLUS)
  • Targa (TARGA)
  • Gd (GD)
  • Gd2 (GD2)
  • Tagged Image File Format (TIFF)
  • Zsoft PC Paintbrush (PCX)
  • Borland Graphics Interface (BGI)
  • Windows Icon (ICON)
  • Windows Cursor (CURSOR)
  • Mac Paint (MAC)
  • Quicktime Picture (PICT)
  • Class 3 Fax (FAX)
  • Gem (GEM)
  • Red Storm Bitmap (RSB)
  • Summus Wavelet (WAVELET)
  • Black Isle Bitmap (MOS)
  • Wireless Bitmap (WBMP)

    How I Used CFXImage
    I recently completed an application that allows a Motorola Computer Group Embedded Connections Partner to upload a company logo and other company information (see Figure 1). Even though I provided guidelines for submission (including image size and type), I found that many users submitted incorrect image sizes and formats, creating an oversized and unattractive Web page.

    After weeks of painstakingly fixing the images, I found a solution using CFXImage. CFXImage provides the functionality to resize and convert image formats as well as basically manipulate almost any image to your liking.

    Implementing CFXImage into my code was as painless as installing the custom tag on a ColdFusion Server. I first call the custom tag to read all the file attributes of the uploaded file through the READ action:

    <CFIF #UploadedFile# NEQ ''>

    <CFX_Image FILE="#UploadedFile#" ACTION="READ">

    The READ action will get many image attributes such as height, width, type, and size.

    Next, in Listing 1 I check if the image is already in GIF format. I also check if the image width is greater than 300 pixels. If both cases are true, the image is resized to a width of 300 pixels through the RESIZE action. If an image is the correct size and format, it's copied to the directory through the COPY action.

    To produce a sharper 8-bit image, set the BITCOUNT to 24. This allows the image to be proportionately resized back to 8 bits before it's saved back to a GIF format. Using this method, an 8-bit image will have increased colors resulting in a sharper output around the edges. However, this method doesn't work well with transparent images.

    Last, in Listing 2 a size check is performed on an image in the wrong format. The image is then converted into GIF format through the CONVERT action and resized through the RESIZE action if it's too large.

    Notice how easy the syntax is to convert an image into another format. Basically, it's a matter of making the file extension in the OUTPUT path the desired format and specifying an image type. You can use several different formats, such as GIF, JPEG, BMP, TIFF, and PNG.

    That's it. The images on Motorola Computer Group's Partner Web pages are now automatically controlled upon upload. As a result, the pages download faster and look cleaner, which can mean increased traffic throughout the site. Customers can spend more time viewing images on your site rather than checking their e-mail while your graphics load. The difficult task of resizing and converting files is just the tip of the iceberg for CFXImage. I encourage you to explore the options in this custom tag and see what it has to offer your site.

  • More Stories By Greg Bell

    Greg Bell is currently a web developer for the Motorola Computer Group. He has a BS in Accounting and Computer Information Systems and is currently working on an MBA from the University of Phoenix. He can be reached at [email protected]

    Comments (0)

    Share your thoughts on this story.

    Add your comment
    You must be signed in to add a comment. Sign-in | Register

    In accordance with our Comment Policy, we encourage comments that are on topic, relevant and to-the-point. We will remove comments that include profanity, personal attacks, racial slurs, threats of violence, or other inappropriate material that violates our Terms and Conditions, and will block users who make repeated violations. We ask all readers to expect diversity of opinion and to treat one another with dignity and respect.

    @ThingsExpo Stories
    It is of utmost importance for the future success of WebRTC to ensure that interoperability is operational between web browsers and any WebRTC-compliant client. To be guaranteed as operational and effective, interoperability must be tested extensively by establishing WebRTC data and media connections between different web browsers running on different devices and operating systems. In his session at WebRTC Summit at @ThingsExpo, Dr. Alex Gouaillard, CEO and Founder of CoSMo Software, presented ...
    Most people haven’t heard the word, “gamification,” even though they probably, and perhaps unwittingly, participate in it every day. Gamification is “the process of adding games or game-like elements to something (as a task) so as to encourage participation.” Further, gamification is about bringing game mechanics – rules, constructs, processes, and methods – into the real world in an effort to engage people. In his session at @ThingsExpo, Robert Endo, owner and engagement manager of Intrepid D...
    Recently, WebRTC has a lot of eyes from market. The use cases of WebRTC are expanding - video chat, online education, online health care etc. Not only for human-to-human communication, but also IoT use cases such as machine to human use cases can be seen recently. One of the typical use-case is remote camera monitoring. With WebRTC, people can have interoperability and flexibility for deploying monitoring service. However, the benefit of WebRTC for IoT is not only its convenience and interopera...
    Michael Maximilien, better known as max or Dr. Max, is a computer scientist with IBM. At IBM Research Triangle Park, he was a principal engineer for the worldwide industry point-of-sale standard: JavaPOS. At IBM Research, some highlights include pioneering research on semantic Web services, mashups, and cloud computing, and platform-as-a-service. He joined the IBM Cloud Labs in 2014 and works closely with Pivotal Inc., to help make the Cloud Found the best PaaS.
    Everything run by electricity will eventually be connected to the Internet. Get ahead of the Internet of Things revolution. In his session at @ThingsExpo, Akvelon expert and IoT industry leader Sergey Grebnov provided an educational dive into the world of managing your home, workplace and all the devices they contain with the power of machine-based AI and intelligent Bot services for a completely streamlined experience.
    Cloud-enabled transformation has evolved from cost saving measure to business innovation strategy -- one that combines the cloud with cognitive capabilities to drive market disruption. Learn how you can achieve the insight and agility you need to gain a competitive advantage. Industry-acclaimed CTO and cloud expert, Shankar Kalyana presents. Only the most exceptional IBMers are appointed with the rare distinction of IBM Fellow, the highest technical honor in the company. Shankar has also receive...
    Business professionals no longer wonder if they'll migrate to the cloud; it's now a matter of when. The cloud environment has proved to be a major force in transitioning to an agile business model that enables quick decisions and fast implementation that solidify customer relationships. And when the cloud is combined with the power of cognitive computing, it drives innovation and transformation that achieves astounding competitive advantage.
    Personalization has long been the holy grail of marketing. Simply stated, communicate the most relevant offer to the right person and you will increase sales. To achieve this, you must understand the individual. Consequently, digital marketers developed many ways to gather and leverage customer information to deliver targeted experiences. In his session at @ThingsExpo, Lou Casal, Founder and Principal Consultant at Practicala, discussed how the Internet of Things (IoT) has accelerated our abilit...
    In his session at Cloud Expo, Alan Winters, U.S. Head of Business Development at MobiDev, presented a success story of an entrepreneur who has both suffered through and benefited from offshore development across multiple businesses: The smart choice, or how to select the right offshore development partner Warning signs, or how to minimize chances of making the wrong choice Collaboration, or how to establish the most effective work processes Budget control, or how to maximize project result...
    To get the most out of their data, successful companies are not focusing on queries and data lakes, they are actively integrating analytics into their operations with a data-first application development approach. Real-time adjustments to improve revenues, reduce costs, or mitigate risk rely on applications that minimize latency on a variety of data sources. In his session at @BigDataExpo, Jack Norris, Senior Vice President, Data and Applications at MapR Technologies, reviewed best practices to ...
    Data is the fuel that drives the machine learning algorithmic engines and ultimately provides the business value. In his session at Cloud Expo, Ed Featherston, a director and senior enterprise architect at Collaborative Consulting, discussed the key considerations around quality, volume, timeliness, and pedigree that must be dealt with in order to properly fuel that engine.
    In his keynote at 19th Cloud Expo, Sheng Liang, co-founder and CEO of Rancher Labs, discussed the technological advances and new business opportunities created by the rapid adoption of containers. With the success of Amazon Web Services (AWS) and various open source technologies used to build private clouds, cloud computing has become an essential component of IT strategy. However, users continue to face challenges in implementing clouds, as older technologies evolve and newer ones like Docker c...
    "Akvelon is a software development company and we also provide consultancy services to folks who are looking to scale or accelerate their engineering roadmaps," explained Jeremiah Mothersell, Marketing Manager at Akvelon, in this SYS-CON.tv interview at 21st Cloud Expo, held Oct 31 – Nov 2, 2017, at the Santa Clara Convention Center in Santa Clara, CA.
    Two weeks ago (November 3-5), I attended the Cloud Expo Silicon Valley as a speaker, where I presented on the security and privacy due diligence requirements for cloud solutions. Cloud security is a topical issue for every CIO, CISO, and technology buyer. Decision-makers are always looking for insights on how to mitigate the security risks of implementing and using cloud solutions. Based on the presentation topics covered at the conference, as well as the general discussions heard between sessio...
    To Really Work for Enterprises, MultiCloud Adoption Requires Far Better and Inclusive Cloud Monitoring and Cost Management … But How? Overwhelmingly, even as enterprises have adopted cloud computing and are expanding to multi-cloud computing, IT leaders remain concerned about how to monitor, manage and control costs across hybrid and multi-cloud deployments. It’s clear that traditional IT monitoring and management approaches, designed after all for on-premises data centers, are falling short in ...
    Organizations planning enterprise data center consolidation and modernization projects are faced with a challenging, costly reality. Requirements to deploy modern, cloud-native applications simultaneously with traditional client/server applications are almost impossible to achieve with hardware-centric enterprise infrastructure. Compute and network infrastructure are fast moving down a software-defined path, but storage has been a laggard. Until now.
    DXWorldEXPO LLC announced today that the upcoming DXWorldEXPO | CloudEXPO New York event will feature 10 companies from Poland to participate at the "Poland Digital Transformation Pavilion" on November 12-13, 2018.
    Digital Transformation is much more than a buzzword. The radical shift to digital mechanisms for almost every process is evident across all industries and verticals. This is often especially true in financial services, where the legacy environment is many times unable to keep up with the rapidly shifting demands of the consumer. The constant pressure to provide complete, omnichannel delivery of customer-facing solutions to meet both regulatory and customer demands is putting enormous pressure on...
    The best way to leverage your CloudEXPO | DXWorldEXPO presence as a sponsor and exhibitor is to plan your news announcements around our events. The press covering CloudEXPO | DXWorldEXPO will have access to these releases and will amplify your news announcements. More than two dozen Cloud companies either set deals at our shows or have announced their mergers and acquisitions at CloudEXPO. Product announcements during our show provide your company with the most reach through our targeted audienc...
    In an era of historic innovation fueled by unprecedented access to data and technology, the low cost and risk of entering new markets has leveled the playing field for business. Today, any ambitious innovator can easily introduce a new application or product that can reinvent business models and transform the client experience. In their Day 2 Keynote at 19th Cloud Expo, Mercer Rowe, IBM Vice President of Strategic Alliances, and Raejeanne Skillern, Intel Vice President of Data Center Group and ...