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 class="widget gdb-newsletter-widget">
                <h3 class="widget-title gdb-newsletter-widget__title">
                    Get our newsletters!                </h3>
                <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 id="custom_html-2" class="widget_text widget widget_custom_html"><div class="textwidget custom-html-widget"><div id="ad-unit" style="text-align: center; background: #e8e8e8;"></div>
<script type="text/javascript">
  (function () {
    try {
  var passback = '';
  Criteo.events.push(function() {
    Criteo.Passback.RenderAd('ad-unit', passback);
  });
    } catch (err) {
      // console.log(err);
      jQuery('#ad-unit').parent().parent('.widget').hide();
      return null;
    }
  })();
</script>
</div></aside>
    <aside id="relatedStoriesWidget" class="widget gdb-widget__related-stories hidden">
        <h3 class="widget-title">
            You may like&hellip;
        </h3>
        <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 powers the world’s largest cloud platform dedicated to small, independent ventures.</p>
					</div>
											<div class="gdb-seo-footer__widget">
								<p>With over 17 million customers worldwide and over 75 million domain names under management, GoDaddy is the place people come to name their idea, build a professional website, attract customers and manage their work.</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; 2018 GoDaddy Operating Company, LLC. All Rights Reserved			</p>

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

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


<script>
		var advanced_ads_ga_UID = false;
		var advanced_ads_ga_anonymIP = true;
advanced_ads_check_adblocker=function(t){function e(t){(window.requestAnimationFrame||window.mozRequestAnimationFrame||window.webkitRequestAnimationFrame||function(t){return setTimeout(t,16)}).call(window,t)}var n=[],a=null;return e(function(){var t=document.createElement("div");t.innerHTML="&nbsp;",t.setAttribute("class","ad_unit ad-unit text-ad text_ad pub_300x250"),t.setAttribute("style","width: 1px !important; height: 1px !important; position: absolute !important; left: 0px !important; top: 0px !important; overflow: hidden !important;"),document.body.appendChild(t),e(function(){var e=window.getComputedStyle&&window.getComputedStyle(t),o=e&&e.getPropertyValue("-moz-binding");a=e&&"none"===e.getPropertyValue("display")||"string"==typeof o&&-1!==o.indexOf("about:");for(var i=0;i<n.length;i++)n[i](a);n=[]})}),function(t){if(null===a)return void n.push(t);t(a)}}(),function(){var t=function(t,e){this.name=t,this.UID=e,this.analyticsObject=null;var n=this,a={hitType:"event",eventCategory:"Advanced Ads",eventAction:"AdBlock",eventLabel:"Yes",nonInteraction:!0,transport:"beacon"};this.analyticsObject="string"==typeof GoogleAnalyticsObject&&"function"==typeof window[GoogleAnalyticsObject]&&window[GoogleAnalyticsObject],!1===this.analyticsObject?(!function(t,e,n,a,o,i,d){t.GoogleAnalyticsObject=o,t[o]=t[o]||function(){(t[o].q=t[o].q||[]).push(arguments)},t[o].l=1*new Date,i=e.createElement(n),d=e.getElementsByTagName(n)[0],i.async=1,i.src="https://www.google-analytics.com/analytics.js",d.parentNode.insertBefore(i,d)}(window,document,"script",0,"_advads_ga"),_advads_ga("create",n.UID,"auto",this.name),advanced_ads_ga_anonymIP&&_advads_ga("set","anonymizeIp",!0),_advads_ga(n.name+".send",a)):(window.console&&window.console.log("Advanced Ads Analytics >> using other's variable named `"+GoogleAnalyticsObject+"`"),window[GoogleAnalyticsObject]("create",n.UID,"auto",this.name),window[GoogleAnalyticsObject]("set","anonymizeIp",!0),window[GoogleAnalyticsObject](n.name+".send",a))};advanced_ads_check_adblocker(function(e){e&&"string"==typeof advanced_ads_ga_UID&&advanced_ads_ga_UID&&new t("advadsTracker",advanced_ads_ga_UID)})}();		
		</script>			<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=1542149677'></script>
<script type='text/javascript' src='https://blogcdn1.secureserver.net/wp-content/themes/godaddy-blog/js/extras.min.js?ver=1507911738'></script>
<script type='text/javascript' src='https://blogcdn1.secureserver.net/wp-content/plugins/enlighter/resources/mootools-core-yc.js?ver=3.8.1'></script>
<script type='text/javascript' src='https://blogcdn1.secureserver.net/wp-content/plugins/enlighter/resources/EnlighterJS.min.js?ver=3.8.1'></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"};
/* ]]> */
</script>
<script type='text/javascript' src='https://blogcdn1.secureserver.net/wp-content/plugins/mystickysidebar/js/theia-sticky-sidebar.js?ver=1.2.3'></script>
<script>var advads_placement_tests = [];
var advads_passive_ads = {};
var advads_passive_groups = {};
var advads_passive_placements = {"before-content_1":{"type":"group","id":5235,"elementid":["godad-af5be931e61faff435b16a6ceca35fb8"],"ads":[],"group_info":{"id":5235,"name":"Facebook DCO","weights":{"53389":10,"53388":10,"53358":10,"53357":10,"53359":10},"type":"default","ordered_ad_ids":[53388,53389,53358,53357,53359],"ad_count":1},"placement_info":{"type":"post_top","name":"Before Content","item":"group_5235","key":"before-content","options":{"ad_label":"default","placement_position":"","pro_minimum_length":""},"id":"before-content"},"test_id":null,"group_wrap":[{"before":"<div class=\"godad-before-content\" id=\"godad-400831670\">","after":"<\/div>"}]}};
var advads_ajax_queries = [];
var advads_has_ads = [];
( window.advanced_ads_ready || jQuery( document ).ready ).call( null, function() {if ( window.advanced_ads_pro ) {advanced_ads_pro.process_passive_cb();} else if ( window.console && window.console.log ) {console.log('Advanced Ads Pro: cache-busting can not be initialized');}});</script><script type="text/javascript">/* <![CDATA[ */EnlighterJS_Config = {"selector":{"block":"pre.EnlighterJSRAW","inline":"code.EnlighterJSRAW"},"language":"generic","theme":"enlighter","indent":2,"hover":"hoverEnabled","showLinenumbers":true,"rawButton":true,"infoButton":true,"windowButton":true,"rawcodeDoubleclick":false,"grouping":true,"cryptex":{"enabled":false,"email":"mail@example.tld"}};!function(){var a=function(a){var b="Enlighter Error: ";console.error?console.error(b+a):console.log&&console.log(b+a)};return window.addEvent?"undefined"==typeof EnlighterJS?void a("Javascript Resources not loaded yet!"):"undefined"==typeof EnlighterJS_Config?void a("Configuration not loaded yet!"):void window.addEvent("domready",function(){EnlighterJS.Util.Init(EnlighterJS_Config.selector.block,EnlighterJS_Config.selector.inline,EnlighterJS_Config)}):void a("MooTools Framework not loaded yet!")}();;/* ]]> */</script>
</body>
</html>

Find Your Industry

Creative Services

Education, Government & Nonprofits

Food & Hospitality

Health & Wellness

Home & Property Services

Pet Services

Professional Services

Retail & Ecommerce

Tech Services & Science

Trade Services

Articles By Product

Domain Names

Email & Office

Hosting & Servers

Online Marketing

Partner Programs

Phone Numbers

Security

Websites

How to convert Flash to HTML5 with Swiffy