271 lines
11 KiB
Plaintext
271 lines
11 KiB
Plaintext
<!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’t run my images through PunyPNG. It's genius."
|
||
<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>
|