All Projects → vzhou842 → gatsby-plugin-optimize-svgs

vzhou842 / gatsby-plugin-optimize-svgs

Licence: MIT license
A Gatsby Plugin to minify SVGs output to the filesystem during the build.

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to gatsby-plugin-optimize-svgs

gatsby-plugin-asset-path
Move all of your JS and CSS build files, as well as the static folder into a subdirectory of your choice
Stars: ✭ 14 (-64.1%)
Mutual labels:  gatsby, gatsby-plugin
gatsby-source-directus7
Source plugin for pulling data into GatsbyJS from Directus CMS (https://directus.io)
Stars: ✭ 17 (-56.41%)
Mutual labels:  gatsby, gatsby-plugin
gatsby-source-printful
Printful store data for your Gatsby projects
Stars: ✭ 19 (-51.28%)
Mutual labels:  gatsby, gatsby-plugin
gatsby-theme-dox
Documentation made easy with Gatsby. 🎉
Stars: ✭ 29 (-25.64%)
Mutual labels:  gatsby, gatsby-plugin
gatsby-source-firestore
Gatsby source plugin for building websites using the Firestore as a data source.
Stars: ✭ 30 (-23.08%)
Mutual labels:  gatsby, gatsby-plugin
gatsby-remark-images-anywhere
Handle images with relative, absolute & remote path for gatsby-transformer-remark & gatsby-plugin-mdx
Stars: ✭ 22 (-43.59%)
Mutual labels:  gatsby, gatsby-plugin
gatsby-source-behance
Gatsby source plugin for loading information from Behance
Stars: ✭ 17 (-56.41%)
Mutual labels:  gatsby, gatsby-plugin
frontend-starter-kit-with-gulp
Frontend Starter Kit with Gulp for either Themeforest Projects or customizable projects.
Stars: ✭ 34 (-12.82%)
Mutual labels:  minify, optimize
gatsby-i18n
Gatsby plugin that provides i18n support
Stars: ✭ 25 (-35.9%)
Mutual labels:  gatsby, gatsby-plugin
gatsby-source-stripe
Gatsby source plugin for building websites using Stripe as a data source
Stars: ✭ 71 (+82.05%)
Mutual labels:  gatsby, gatsby-plugin
gatsby-plugin-open-graph-images
🖼 Open-Graph Images derived and generated from React Components
Stars: ✭ 16 (-58.97%)
Mutual labels:  gatsby, gatsby-plugin
gatsby-plugin-prettier-build
prettify gatsby build output
Stars: ✭ 30 (-23.08%)
Mutual labels:  gatsby, gatsby-plugin
gatsby-theme-jam-example
An example submission for the Gatsby Theme Jam.
Stars: ✭ 89 (+128.21%)
Mutual labels:  gatsby, gatsby-plugin
gatsby-graphcms-example
Example of Gatsby source plugin for GraphCMS
Stars: ✭ 32 (-17.95%)
Mutual labels:  gatsby, gatsby-plugin
gatsby-remark-classes
Automatically add class attributes to markdown elements
Stars: ✭ 12 (-69.23%)
Mutual labels:  gatsby, gatsby-plugin
gatsby-plugin-tailwindcss
Plug Tailwind CSS to your Gatsby website
Stars: ✭ 46 (+17.95%)
Mutual labels:  gatsby, gatsby-plugin
Tinyify
a browserify plugin that runs various optimizations, so you don't have to install them all manually. makes your bundles tiny!
Stars: ✭ 392 (+905.13%)
Mutual labels:  minify, optimize
webpack-json-access-optimizer
Webpack plugin to tree-shake and minify JSON modules
Stars: ✭ 34 (-12.82%)
Mutual labels:  minify, optimize
gatsby-attila-theme-ghost
A Gatsby theme plugin for creating blogs from headless Ghost CMS.
Stars: ✭ 16 (-58.97%)
Mutual labels:  gatsby, gatsby-plugin
gatsby-plugin-lunr
Gatsby plugin for full text search implementation based on lunr client-side index. Supports multilanguage search.
Stars: ✭ 69 (+76.92%)
Mutual labels:  gatsby, gatsby-plugin

gatsby-plugin-optimize-svgs

Build Status

A Gatsby Plugin to minify SVGs output to the filesystem during the build. Uses svgo under the hood to minify SVGs.

Read the blog post on minifying SVGs for some more context.

Usage

Install:

$ npm install gatsby-plugin-optimize-svgs

Add to gatsby-config.js:

module.exports = {
  plugins: [
    'gatsby-plugin-optimize-svgs',
  ],
};

Example Output

59 SVGs minified, reducing the total size from 447780 bytes to 208237 bytes, a reduction of 53.5%!
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].