How to convert Flash to HTML5 with Swiffy

By Cameron Laird October 12, 2015

Time for a change

Last month, Google Chrome ended support for Flash ads. Additionally, many mobile devices, most famously Apple’s iPads and iPhones, do not directly support Flash. It only makes sense, then, if you find yourself doing maintenance on a site with an extensive backlog of Flash content, you’ll perhaps need to consider converting that content to HTML5 — the web’s current standard for content display.

It’s worthwhile to note that HTML5 is a target format with its own challenges.

For example, older desktop browsers support only subsets of HTML5 and several common Flash effects may be infeasible with HTML5. Given the complex nature of the relationship between Flash and HTML5, you might need to convert your SWF files individually.

Swiffy is one choice for doing this. Swiffy is a free web application with a straightforward premise: upload a .swf file and get a corresponding HTML5 file in return. Swiffy is an actively maintained service and can run either on a local desktop or as a hosted web application.

To convert an existing .swf file using the Swiffy site, visit the site and go through the upload process.

Once Swiffy does its conversion, you can use the converted application in an iframe such as:


</pre>
<p>It is important to note that Swiffy has limits. As of this writing, the free converter only accepts inputs up to one megabyte in size. If this limitation causes a problem, another option is <a href="https://helpx.adobe.com/flash/how-to/what-is-flash.html" data-wpel-link="external" target="_blank" rel="nofollow noopener">Flash Professional CC</a>, a commercial application which offers more robust support for HTML5 conversion. As trends and technologies evolve, there will always be inflection points where incumbent technologies will be overtaken by new ones. While these transitions are sometimes difficult, having the right tools available to ease the transitions can help.</p>

					<p class="gdb-entry__illustrated-by">
				Image by:				<a target="_blank" href="https://www.flickr.com/photos/14100967@N08/4608032001/" data-wpel-link="external" rel="nofollow noopener">bilderheld</a> via <a href="http://compfight.com" data-wpel-link="external" target="_blank" rel="nofollow noopener">Compfight</a> <a href="https://creativecommons.org/licenses/by/2.0/" data-wpel-link="external" target="_blank" rel="nofollow noopener">cc</a>			</p>
		
		
	</div><!-- .entry-content -->



	<footer class="gdb-entry__footer">
		
		<div class="gdb-entry__tags">
			<span class="gdb-hashtag">
  <a class="gdb-hashtag__link" href="https://www.godaddy.com/garage/development/" data-wpel-link="internal" target="_self" rel="follow noopener">
    <span class="gdb-hashtag__label">#development    </span>
  </a>
</span>
		</div>


		
	<div class="gdb-author-card ">
					<figure class="gdb-author-card__avatar">
				<img src="https://blogcdn1.secureserver.net/wp-content/uploads/2015/05/CameronLaird_BW-300x300.jpg" alt="Cameron Laird" class="avatar avatar-medium wp-user-avatar wp-user-avatar-medium alignnone photo" />			</figure>
				<div class="gdb-author-card__details">
			<div class="gdb-author-card__header">
				<h3 class="gdb-author-card__name">
												<a href="https://www.godaddy.com/garage/author/cameron-laird/" data-wpel-link="internal" target="_self" rel="follow noopener">Cameron Laird</a>
									</h3>
							</div>
								<div class="gdb-author-card__bio">A full-time programmer and project leader, Cameron Laird also has regularly reported on technical topics since he began reading farm commodity prices for early-morning commercial radio decades ago. From his base on the Texas Gulf Coast, he studies logfiles and support tickets in at least half a dozen time zones.</div>
					</div>
	</div>
	
		<!-- TODO: List of followable topics?  -->

	</footer><!-- .entry-footer -->

</article><!-- #post-## -->
			
			
		
		</main><!-- #main -->
	</div><!-- #primary -->

	
<div id="secondary" class="sidebar widget-area" role="complementary">

    <aside id="gdb_products_widget-2" class="widget widget_gdb_products_widget">
        
    </aside><aside id="gdb_newsletter_widget-2" class="widget widget_gdb_newsletter_widget">
        
            <aside class="widget gdb-newsletter-widget">
                                    <div class="widget-title gdb-newsletter-widget__title">
                        Get our newsletters!                    </div>
                                <div class="gdb-newsletter-widget__body">
                    

<form
    action="https://www.godaddy.com/api/subscriptions/subscribe"
    id="us_v2_signup_form"
>
    <div id="us_v2_signup_form__form">
        <div>
            <label for="signup_email">
                Email
            </label>
            <br/>
            <input 
                id="signup_email" 
                name="email" 
                placeholder="you@example.com"
                style="margin-bottom:0.5em;"
                type="text"
            />
            <div
                id="us_v2_signup_form__errors"
                style="display:none; color:#BB0033; font-size:14px;"
            ></div>
            <input type="hidden" name="confirmationMessageType" value="GDWelcomeConfirmationSB">
            <input type="hidden" name="confirmationEmailTemplate" value="3801">
            <input type="hidden" name="publicationId" value="0">
        </div>
        <div>
            <input
                class="submit btn-inline-submit"
                id="webform_submit_button"
                type="submit"
                value="Subscribe"
            />
        </div>
    </div>
    <div
        class="gdb-v2-signup-form-confirmation"
        id="us_v2_signup_form__confirmation"
        style="display:none"
    ></div>
</form>

<p class="gdb-newsletter-widget__form-note">
    By subscribing you agree to receive special news and related offers from GoDaddy.</p>                </div>
            </aside>

        
    </aside>
    <aside id="relatedStoriesWidget" class="widget gdb-widget__related-stories hidden">
        <div class="widget-title">
            You may like&hellip;
        </div>
        <ul id="relatedStoriesList" class="gdb-related-stories"></ul>
    </aside>

</div>


		</div><!-- .container -->
	</div><!-- #content -->
						<aside class="gdb-seo-footer">
				<div class="gdb-seo-footer__container">
					<div class="gdb-seo-footer__widget gdb-seo-footer__widget--with-logo">
						<a class="gdb-seo-footer__logo" href="https://www.godaddy.com/garage/" rel="home follow noopener" data-wpel-link="internal" target="_self"></a>
							<p>GoDaddy is empowering everyday entrepreneurs around the world by providing all of the help and tools to succeed online.</p>
					</div>
											<div class="gdb-seo-footer__widget">
								<p>With 18.5 million customers worldwide, GoDaddy is the place people come to name their idea, build a professional website, attract customers and manage their work. Our mission is to give our customers the tools, insights and the people to transform their ideas and personal initiative into success.</p>
						</div>
									</div>
			</aside>
				<footer id="colophon" class="gdb-footer" role="contentinfo">
		<div class="gdb-footer__container">

			<p class="gdb-footer__disclaimer">
				Use of this Site is subject to express terms of use. By using this site, you signify that you agree to be bound by these <a href="https://www.godaddy.com/agreements/showdoc.aspx?pageid=UTOS&amp;app_hdr=0" data-wpel-link="internal" target="_self" rel="follow noopener">Universal Terms of Service</a>.			</p>

			<ul class="gdb-footer-links">
				<li class="gdb-footer-links__item">
					<a href="https://www.godaddy.com/legal-agreements.aspx?otab=2" class="gdb-footer-links__link" data-wpel-link="internal" target="_self" rel="follow noopener">
						Legal					</a>
				</li>
				<li class="gdb-footer-links__item">
					<a href="https://www.godaddy.com/agreements/showdoc.aspx?pageid=PRIVACY" class="gdb-footer-links__link" data-wpel-link="internal" target="_self" rel="follow noopener">
						Privacy Policy					</a>
				</li>
									<li class="gdb-footer-links__item">
						<a href="http://preferences-mgr.truste.com/?pid=godaddy01&amp;aid=godaddy01&amp;type=godaddy" class="gdb-footer-links__link" data-wpel-link="external" target="_blank" rel="nofollow noopener">
							Advertising Preferences						</a>
					</li>
								<li class="gdb-footer-links__item">
					<a href="https://www.godaddy.com/agreements/showdoc.aspx?pageid=24668" class="gdb-footer-links__link" data-wpel-link="internal" target="_self" rel="follow noopener">
						Cookies					</a>
				</li>
			</ul>

			<p class="gdb-footer__copyright">
				Copyright &copy; 1999 &ndash; 2019 GoDaddy Operating Company, LLC. All Rights Reserved			</p>

		</div>
	</footer><!-- #colophon -->
</div><!-- #page -->

<div id="gtm_privacy"></div>


			<script type="text/javascript">function showhide_toggle(e,t,r,g){var a=jQuery("#"+e+"-link-"+t),s=jQuery("a",a),i=jQuery("#"+e+"-content-"+t),l=jQuery("#"+e+"-toggle-"+t);a.toggleClass("sh-show sh-hide"),i.toggleClass("sh-show sh-hide").toggle(),"true"===s.attr("aria-expanded")?s.attr("aria-expanded","false"):s.attr("aria-expanded","true"),l.text()===r?(l.text(g),a.trigger("sh-link:more")):(l.text(r),a.trigger("sh-link:less")),a.trigger("sh-link:toggle")}</script>
	<script type='text/javascript' src='https://blogcdn1.secureserver.net/wp-content/themes/godaddy-blog/js/core.min.js?ver=1563262444'></script>
<script type='text/javascript' src='https://blogcdn1.secureserver.net/wp-content/themes/godaddy-blog/js/extras.min.js?ver=1545335321'></script>
<script type='text/javascript' src='https://blogcdn1.secureserver.net/wp-content/plugins/mystickysidebar/js/detectmobilebrowser.js?ver=1.2.3'></script>
<script type='text/javascript'>
/* <![CDATA[ */
var mystickyside_name = {"mystickyside_string":"#secondary","mystickyside_content_string":"","mystickyside_margin_top_string":"100","mystickyside_margin_bot_string":"0","mystickyside_update_sidebar_height_string":"","mystickyside_min_width_string":"0","device_desktop":"1","device_mobile":"1"};
/* ]]> */
</script>
<script type='text/javascript' src='https://blogcdn1.secureserver.net/wp-content/plugins/mystickysidebar/js/theia-sticky-sidebar.js?ver=1.2.3'></script>

</body>
</html>