Skip to main content

Home/ Tools for web developers/ Group items tagged images

Rss Feed Group items tagged

Vernon Fowler

WordPress › Support » What for JPG? - 0 views

  • I was planing to make a plugin for JPEG images as well. But until I do, You can work your way out with these plugins... CW Image Optimizer - http://wordpress.org/plugins/cw-image-optimizer/ EWWW Image Optimizer - http://wordpress.org/plugins/ewww-image-optimizer/ WP Resized Image Quality - http://wordpress.org/plugins/wp-resized-image-quality/
Vernon Fowler

Grumpicon. A Web app for the Grunticon workflow. - 0 views

  • To start, export SVG files for each of your images, drop those files onto the grumpy animal above, then click the 'Downlode it!" button to grab the files.
  • Once downloaded, check out preview.html to see a preview of your icons and their class names. To integrate in your site, you can drop the exported files into a folder on your site and paste the contents of grunticon.loader.txt into the head section of your HTML templates. Note: Be sure to replace the 4 [YOUR PATH HERE] parts of that text with the path to your own grunticon files (a root-relative path often works best across a whole site).
  •  
    Grunticon makes it easy to use HD-ready (retina) vector illustrations, icons, and background images in your web project without the hassles of spotty browser compatibility. The tool processes a set of SVG files, generates PNG fallback images for legacy browsers, and exports a demo page showing how to use the final icons.
  •  
    Grunticon makes it easy to use HD-ready (retina) vector illustrations, icons, and background images in your web project without the hassles of spotty browser compatibility. The tool processes a set of SVG files, generates PNG fallback images for legacy browsers, and exports a demo page showing how to use the final icons.
Vernon Fowler

Using Zapier and TinyPNG to automatically compress your images - Voormedia - 0 views

  • select Dropbox as the trigger app and choose the New file in directory trigger
  • configure the folder in which the images will be compressed
  • Select the File from step 1
  • ...3 more annotations...
  • add another action that saves the compressed image back to Dropbox. Choose Dropbox as the action app and pick Upload File
  • select the Output File from step 2
  • select File Extension from step 1 (prevents renaming JPEG to JPG)
  •  
    "In this blog post, we created Zap with this action that monitors a Dropbox folder and compresses newly uploaded images. A very similar approach can be used to integrate the API with other cloud services supported by Zapier, such as Google Drive, OneDrive or Box."
Vernon Fowler

TinyPNG - Compress PNG images while preserving transparency - 0 views

  • What about Photoshop?
  • Use Save for Web to export your images as 24-bit transparent PNG files and upload them to TinyPNG. We'll convert them to tiny indexed PNG files.
Vernon Fowler

TinyPNG - Compress PNG images while preserving transparency - 0 views

  • use less bandwidth and load faster
  • files produced by TinyPNG are displayed perfectly on all modern browsers including mobile devices
  • frustrated with the load times
  •  
    "In 2014 we added intelligent compression for JPEG images and in 2016 we added support for animated PNG."
Sarah HL

smush.it! - 0 views

  • Performance just got a little bit easier. Optimizing images by hand is time consuming and painful. Smush it does it for you.
  • Smush it comes in different flavours: You can upload a bunch of pictures in your browser You can provide us with a list of image urls or You can get a Firefox Extension or a cross-browser bookmarklet to optimize the images found on any web page
Vernon Fowler

iConvert Icons: Convert png, ico, and icns icons online for free - 0 views

  •  
    "Have you ever discovered the perfect icon set, only to find it wasn't available for your particular platform? iConvert solves the problem: With this free online icon converter, you can convert any icon or image into an icon specifically for your platform. iConvert allows you to easily convert PNG to ICO, Windows ico to Mac OS X icns, SVG icons to Windows icons, PNG icons to Mac OS X icons, JPG to ICO, and much more. Simply upload a file in one of the supported formats, and iConvert will do the rest!"
Vernon Fowler

Website Error Checker: Accessibility & Link Checker - SortSite - 0 views

  •  
    "Checkpoints Accessibility - check WCAG and Section 508 guidelines against many file types: find flashing GIFs, untagged PDFs Broken Links - check for broken links and spelling errors Compatibility - check for HTML, script and image formats that don't work in common browsers Search Engine Optimization - check Google and Bing webmaster guidelines Privacy - check for compliance with EU and US law Web Standards - validate HTML and CSS Usability - check against Usability.gov guidelines"
Vernon Fowler

WordPress › WordPress Plugins - 0 views

  • Start by creating an "assets" directory in the root of your SVN checkout. This will be on the same level as /tags and /trunk, for example. Inside that assets directory, you can make a file named "banner-772x250.png" or "banner-772x250.jpg". The image must be exactly 772 pixels wide and 250 pixels tall.
Vernon Fowler

Daring Fireball: How to Create Retina-Caliber Favicons - 0 views

  • I found no other tool that suited my needs.
    • Vernon Fowler
       
      IcoFX may be an alternative.
    • Vernon Fowler
  • iConvertIcons doesn’t do multi-resource ICOs. Neither does Image2Icon.
  • Old (non-retina) favicons are 16 × 16 px; a retina favicon is thus 32 × 32 px.
  • ...1 more annotation...
  • X-Icon Editor is a free web app recommended by Thomas Fuchs in his otherwise excellent Retinafy Your Website flowchart, but the problem I found with it (other than the inherent clunkiness of a web app in general) is that it did awful things to colors
Vernon Fowler

Welcome To The 404 Checker - 0 views

  • Check the HTTP Status code being returned by a partcular webpage, image or document. Useful for checking that your custom error pages are returning the correct codes.
  • View the full header returned from a HTTP request. Useful for debugging, optimisation and for general interest. Click the icon next to each header directive for more information about that item.
  • The link checker will fetch all links on a page and check each in turn for their status. Useful for location broken links on a page.
  •  
    "404 Checker is a website full of webmaster tools and information about your website, internet connections and protocols. Please consult the list below for information about the tools available. The information section (accessable from the menu on the left) contains information about HTTP Status Codes, and also instructions about how you can customise your servers response to these codes. The references section contains information about where to get more information."
Vernon Fowler

SVG-Optimiser - 0 views

  • Files created in Inkscape or Illustrator are particularly amenable to optimisation.
  •  
    A Python program to reduce the file size of uploaded SVGs.
1 - 16 of 16
Showing 20 items per page