Coder Social home page Coder Social logo

Optimize SVGs using SVGO about flag-icons HOT 10 CLOSED

lipis avatar lipis commented on August 15, 2024
Optimize SVGs using SVGO

from flag-icons.

Comments (10)

lipis avatar lipis commented on August 15, 2024

I've done that in the past.. but unfortunately some of the flags are ruined because of that...

svg/svgo#162

from flag-icons.

lipis avatar lipis commented on August 15, 2024

Will follow up after I'm back from my vacations.. I'm totally up for SVGO if flags are not breaking.. or at least if we know for sure which ones are breaking.. (like 100% sure)

from flag-icons.

flekschas avatar flekschas commented on August 15, 2024

Sounds great thanks! Maybe I find out how to avoid breaking some flags by disabling certain SVGO plugins.

from flag-icons.

lipis avatar lipis commented on August 15, 2024

or somehow identifying which flags are breaking is also good for me

from flag-icons.

petethepig avatar petethepig commented on August 15, 2024

+1

from flag-icons.

petethepig avatar petethepig commented on August 15, 2024

Another possible improvement would be to get rid of duplicates.
us - um pair for example

from flag-icons.

lipis avatar lipis commented on August 15, 2024

@petethepig lol.. so lets delete the US flag..

from flag-icons.

petethepig avatar petethepig commented on August 15, 2024

@lipis I'm saying that this:

.flag-icon-um {
  background-image: url(../flags/4x3/um.svg);
}

could potentially look like this:

.flag-icon-um {
  background-image: url(../flags/4x3/us.svg);
}

Thus, if you have both flags (us and um) on one page you would only have to download one image.

from flag-icons.

lipis avatar lipis commented on August 15, 2024

@petethepig This repo is used not only via CSS and this is a very small optimisation that I don't see any reason to modify..

from flag-icons.

lipis avatar lipis commented on August 15, 2024

Many flags were optmized.. and from now on it will happen on per flag basis..

from flag-icons.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.