2013-03-09 19:26:37 -07:00
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"https://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<script type="text/javascript">
var _kmq = _kmq || [];
var _kmk = _kmk || '836ce9bc35a5207e342c1e119e05395bbeddb3fa';
function _kms(u){
setTimeout(function(){
var d = document, f = d.getElementsByTagName('script')[0],
s = d.createElement('script');
s.type = 'text/javascript'; s.async = true; s.src = u;
f.parentNode.insertBefore(s, f);
}, 1);
}
_kms('//i.kissmetrics.com/i.js');
_kms('//doug1izaerwt3.cloudfront.net/' + _kmk + '.1.js');
</script>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<title>PunyPNG - PNG Compression and Image Optimization</title>
<meta name="description" content="PunyPNG is a PNG compression and image optimization tool" />
<meta name="keywords" content="optimization, png images, compress images, web design, web development, jpeg compression, image processing, website optimization" />
<link rel="icon" type="image/ico" href="/favicon.ico" />
<script type="text/javascript" charset="utf-8" src="//ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script src="https://connect.facebook.net/en_US/all.js#xfbml=1"></script>
<link href="/stylesheets/all.css?1347550111" media="screen" rel="stylesheet" type="text/css" />
<meta name="google-site-verification" content="ZChXs0ltHNray63xii2XB08srKaivzldu0b1og4lNMw" />
</head>
<body>
<div class="container-16" id="wrapper">
<div id="flash" style="display: none"></div>
<div id="links" class="grid-6 prefix-10">
<div class="float-right">
<a href="http://www.punypng.com/login">Sign in</a> | <a href="http://www.punypng.com/signup">Create an account</a>
</div>
</div> <!-- end .links -->
<div id="header" class="grid-7 prefix-4 suffix-5">
<div id="title">
<h1><a href="/">punypng</a></h1>
<h2>Image compressor for designers and developers</h2>
</div>
</div> <!-- end #header -->
<div id="main" class="grid-12 prefix-2 suffix-2">
<script type="text/javascript">
session_key = '';
$(document).ready(function() {
$('#upload-btn').uploadify({
'uploader': '/javascripts/uploadify/uploadify.swf?1334341727',
'script': '/processor/upload',
'scriptData': { 'upload_hash' : encodeURIComponent('24995aa8e52ff47d7229053fd99e82181d417f40') },
'method': 'get',
'queueID': '24995aa8e52ff47d7229053fd99e82181d417f40',
'fileExt': '*.gif;*.png;*.jpg;*.jpeg',
'fileDesc': 'Select files to upload',
'multi': 'true',
'auto': 'true',
'queueSizeLimit': '15',
'sizeLimit': '150000',
'simUploadLimit': '12',
'buttonImg': '/images/btn_upload.png?1334341727',
'rollover': 'true',
'width': '210',
'height': '51',
'wmode': 'transparent',
'onSelect': uploadStart,
'onSelectOnce': queueStart,
'onComplete': uploadSuccess,
'onAllComplete': uploadAllSuccess,
'onError': uploadError
});
});
function uploadStart(event, queueID, file) {
if (!session_key) {
session_key = $.ajax({type: "GET", async: false, url: "/processor/session_id"}).responseText;
}
_gaq.push(['_trackPageview', '/processor/upload']);
$('#upload-btn').uploadifySettings('scriptData', {'_punypng_session' : encodeURIComponent(session_key), 'total_original_size' : total_original_size, 'total_optimized_size' : total_optimized_size});
}
</script>
<div class="grid-5 prefix-2 suffix-5 upload-form">
<div id="upload-btn"></div>
<div id="upload-progress-bar" class="progress-bar" style="display: none"><img alt="Progressbar" src="/images/progressbar.gif?1334341727" /></div>
<div class="form-tip">Flash required. Supports: JPG, GIF and PNG.<br />Max 150KB each, up to 15 files</div>
</div>
<div id="about" class="grid-7 alpha">
<div class="panel">
<div class="example">
<a href="/images/punypng_example.zip" title="Download example"><img alt="Example" src="/images/example.png?1334341727" /></a>
</div>
<div class="ribbon">Compress PNG, JPEG and GIF Images</div>
<h2>Image compression that just works</h2>
<p>PunyPNG is a free website optimization tool that dramatically reduces the file size of your images <a href="/about/howitworks">without any loss of quality</a>.</p>
<h2>Sign Up for Advanced Features</h2>
<ul class="checkmarks">
<li>More compression controls</li>
<li>Preserve EXIF information</li>
<li>IE6 support, API access and more!</li>
</ul>
<a href="http://www.punypng.com/signup" class="signup"><img alt="Signup" src="/images/signup.png?1334341727" /></a>
<p class="form-tip"><a href="/about/comparison" style="font-weight: bold">PunyPNG vs The Competition</a></p>
<div class="bold" style="margin-bottom: 4px">Stay up to date on PunyPNG updates:</div>
<div>
<span style="position: relative; top: -3px">
<div id="fb-root"></div>
<fb:like href="http://www.facebook.com/punypng" send="false" layout="button_count" width="100" show_faces="false" font=""></fb:like>
</span>
<a href="https://twitter.com/punypng" class="twitter-follow-button" data-show-count="false">Follow @punypng</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</div>
</div> <!-- end .panel -->
</div> <!-- end #about -->
<div id="testimonials" class="grid-5 omega">
<h2>Who uses PunyPNG?</h2>
<div class="logos clearfix">
<a href="http://www.wikipedia.org" target="_blank"><img alt="Testimonial_wikipedia" src="/images/testimonial_wikipedia.png?1334341727" /></a>
<a href="http://www.ask.com" target="_blank"><img alt="Testimonial_ask" src="/images/testimonial_ask.png?1334341727" /></a>
<a href="http://www.dictionary.com" target="_blank"><img alt="Testimonial_dictionary" src="/images/testimonial_dictionary.png?1334341727" /></a>
<a href="http://www.carbonmade.com" target="_blank"><img alt="Testimonial_carbonmade" src="/images/testimonial_carbonmade.png?1334341727" /></a>
</div>
<div class="quotes">
<div class="quote">
"The wizardry that PunyPNG provides makes a night and day difference in the total payload for images."
<div class="author">~ Frederick Townes, CTO, Mashable</div>
</div> <!-- end .quote -->
<div class="quote">
"I can't remember the last time that I didn’
<div class="author">~ Otty Soemitro, Sr. UI Designer, Ask.com</div>
</div> <!-- end .quote -->
</div> <!-- end .quotes -->
</div> <!-- end #testimonials -->
<div class="grid-11 suffix-1">
<div id="response"></div>
<div class="results">
<table cellspacing="0" class="results-table" id="results-table" style="display: none">
<thead>
<tr>
<th>Filename</th>
<th>Original Size</th>
<th>Puny Size</th>
<th>Saved</th>
<th> </th>
<th> </th>
</tr>
</thead>
<tbody id="results-table-body">
</tbody>
<tfoot id="results-table-total" style="display: none">
<tr>
<th> </th>
<th> </th>
<th class="savings" >Total Savings:</th>
<th class="savings" id="total-saved"> </th>
<th id="total-percent"> </th>
<th>
<strong>Download ZIP:</strong>
<a href="/processor/download_zip/24995aa8e52ff47d7229053fd99e82181d417f40" class="download" onclick="_gaq.push(['_trackPageview', '/processor/download_zip']);">Download File</a>
</th>
</tr>
<tr class="last">
<th> </th>
<th> </th>
<th class="savings" >Total Savings (8-bit Lossy):</th>
<th class="savings" id="total-indexed-saved"> </th>
<th id="total-indexed-percent"> </th>
<th> </th>
</tr>
</tfoot>
</table>
</div>
</div>
</div> <!-- end #main -->
<div class="grid-12 prefix-2 suffix-2 subscribe-wrapper">
<div class="subscribe panel">
<div class="subscribe-cta"><div class="float-right">
<a href="javascript:;" onclick="$('#subscribe-info').slideToggle(); $('#sign-in-before-upgrade').slideToggle(); "><img alt="Upgrade to a Pro Account" src="/images/btn_upgrade.png?1334341727" /></a>
</div>
<div id="sign-in-before-upgrade" class="big hidden">
<strong>Please <a href="http://www.punypng.com/login">Sign in</a> or <a href="http://www.punypng.com/signup">Create an account</a> before upgrading</strong>
</div>
</div>
<div class="label" id="subscribe-info">
Higher Compression, Lossy Optimizations, and Higher Quotas
<div class="quota-increase">
Starting at <strong>$3 per month</strong>. <a href="/pro">More info about PunyPNG Pro features »</a>
</div>
</div>
</div>
</div>
<div id="footer" class="grid-12 prefix-2 suffix-2">
<div class="footer-inner">
<div class="float-right" style="position: relative; top: -3px">
<span style="position: relative; top: -3px">
<div id="fb-root"></div>
<fb:like href="https://www.facebook.com/punypng" send="false" layout="button_count" width="100" show_faces="false" font=""></fb:like>
</span>
<a href="https://twitter.com/punypng" class="twitter-follow-button" data-show-count="false">Follow @punypng</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</div>
<a href="/api">Developers</a> |
<a href="http://getsatisfaction.com/gracepoint/products/gracepoint_punypng" onclick="_gaq.push(['_trackPageview', '/outbound/getsatisfaction-punypng']);">Support</a> |
<a href="http://punypng.uservoice.com" onclick="_gaq.push(['_trackPageview', '/outbound/punypng-feature-requests']);">Feature Requests</a> |
<script type="text/javascript">eval(decodeURIComponent('%64%6f%63%75%6d%65%6e%74%2e%77%72%69%74%65%28%27%3c%61%20%68%72%65%66%3d%5c%22%6d%61%69%6c%74%6f%3a%6c%69%63%65%6e%73%65%40%70%75%6e%79%70%6e%67%2e%63%6f%6d%3f%73%75%62%6a%65%63%74%3d%49%6e%66%6f%72%6d%61%74%69%6f%6e%25%32%30%61%62%6f%75%74%25%32%30%6c%69%63%65%6e%73%69%6e%67%25%32%30%50%75%6e%79%50%4e%47%5c%22%3e%4c%69%63%65%6e%73%69%6e%67%3c%5c%2f%61%3e%27%29%3b'))</script> |
<a href="/about/tos">Terms of Service</a>
</div> <!-- end .footer-wrapper -->
</div> <!-- end #footer -->
</div> <!-- end #wrapper -->
<script src="/javascripts/all.js?1334341727" type="text/javascript"></script>
<script type="text/javascript" charset="utf-8">
$(document).ready(function() { SimplyButtons.init(); });
</script>
<script src="/javascripts/processor_cache.js?1353909502" type="text/javascript"></script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-97361-37']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</body>
</html>
