Blog

Faster sites are way better than slower sites

Aug 1st, 2014 by Max Tokman

One of the major factors in site load times is a proper file compression, both for images and code.  File compression is not just a part of user experience, improving site load times before your visitor clicks away; it is also a factor in search engine algorithms, with faster sites ranking higher in search results.  With that said, compressing your files is a very good thing and we’ll be looking at three tools to get us started.


FileOptimizer
Platform: Windows
Software compresses images such as JPG, GIF and PNG, but can also work with executables, archives, Microsoft Office documents and PDFs.

Compression test results, relative to original file size:
PNG - 42.2%
JPEG - 17.7%
GIF - 15.9%
site link
 
ImageOptim
Platform: Mac
ImageOptim — Mac software that optimizes GIF, JPEG and PNG, and also works as interface for other apps: : PNGOUT, AdvPNG, Pngcrush, OptiPNG, JpegOptim, jpegrescan, jpegtran and Gifsicle. Almost lossless compression in terms of quality, removing mostly unused metadata without reducing number of colors or using specific compression algorithm.  Convenient drag and drop interface for one or multiple files.

Compression test results, relative to original file size:
PNG - 87.59%,
JPEG - 31.2%
GIF - 28.88%
site link


Smush. It
Platform: browser-based
Yahoo-based service will compress multiple files up to 1 MB each, with results available as ZIP archive.

Compression test results, relative to original file size:
PNG - 18.2%
JPEG - 17.3%
GIF - 39.6%
site link

wordpressSEOweb designWeb DevelopmentHTML5productionresponsive designDrupaldesignCSSPhotoshopsecurityADAgooglebeta testingautomationharness-btoolsGoogle AnalyticsTestingmarketingFlashproduction tipstypographyAdobe Museweb imagesite speedintegrationswebsite buildingtechnologiesJavaScriptfirefoxbrowsercomplianceserver securityquality controlfontsthemesMicrosoftmodulesApplemobile websiteapp developmentplug-inAPIweb standardsweb preflightiOSInDesignE-commerceOpenSSLSSLIE8JSONQAmobile devicestabletsAdobe AirRIAsInteraction MetricsAdvertisingLong TailExporting from InDesign to PhotoshopInDesign to Photoshop conversionresponsive buildWordpress pluginshorizontal layoutBacklinksAdobegTLDscustom domain suffixesdevelopmentwireframeaugmented realityweb awardprogramming awardPhotoshop Layer compsdesign best practicesmobile app challengeapp lifespannon-Flash animationHTML5 animationAdobe EdgeiPad screen templateICANNweb development awardvertical layoutvideo playbackfaildudrevolutionary softwareInDesign to HTMLcommunicationclienthtmlimage sizesoftwareimage compressionweb compatibilitybreakpointresponsive statePDFAdobe Edge ReflowconvertingEdge ReflowParfaitweb design softwareogvcloudawardhostseleniumFoundationBootstrapCKEditor3rd partyAppleScriptecommercetechnologycollaborateupdatevulnerabilityCMSwebsiteiPhoneCSS3Ps. and CSS HatProject Parfaithigh fidelityconceptcodecwebmformatweb developerssidney garberVideos and animations3D views of modelsDetroit Diesel CorporationMercedes-BenziTunescustom fontsHTML4web-fontsRGBweb colorsrelationship marketingOSSW3Cfragmented technology landscapeAndroidvideo sizegammamp4microsoft’s project natalUDIDvideoCVE-2014-0224integrationLinkedInFacebookWindows XPInternet Explorer 8interactive banner adsbrochurewaresony playstationinstant video playback solutionHeartbeatonline subscriptionWebOSabletCMS for Flashoptimizednintendo wiioutsourcing
Best web design tool: InDesign vs. Photoshop

Jul 28th, 2014 by Max Tokman

When comparing Photoshop and InDesign as web design tools, we have to think back to their history.  InDesign was originally created as a competing product for Quark and was meant to offer same multi-page layout and type controls.  Over time, it expanded into providing web-friendly HTML and CSS export, leverag

Exporting Drupal settings from test to live site

Aug 11th, 2014 by Max Tokman

Site synchronization in Drupal can be improved using https://drupal.org/project/features module that allows transferring site settings between two sites.  You can transfer types of content, fields, menus, user roles and permissions, and glossaries. On the module settings page, select site settings being tr