Coder Social home page Coder Social logo

Comments (6)

KyleAMathews avatar KyleAMathews commented on May 8, 2024

Perhaps use this https://github.com/tcoopman/image-webpack-loader

from gatsby.

pamo avatar pamo commented on May 8, 2024

I actually have this on my to-do list but after some consideration and poking around, I realized webpack configuration would be a round-about way to do it.

Images aren't imported as modules when they're inlined in markdown so webpack doesn't really see them. I'm thinking a markdown-it plugin may be the easiest way.

from gatsby.

KyleAMathews avatar KyleAMathews commented on May 8, 2024

@pamo yeah the image optimization only happens if you require an image which is only a sub-set of the images you have on your site and wouldn't include images that are part of a blog like yours.

I'd like something where I could drop and image in a folder and when copying it'd to /public it'd resize + optimize the photo size.

I'll change the title to make more clear what this issue is about.

from gatsby.

pamo avatar pamo commented on May 8, 2024

That'd be the best solution. My google-fu was waning yesterday but I'm sure there's something that is capable of it.

from gatsby.

KyleAMathews avatar KyleAMathews commented on May 8, 2024

Probably this isn't something that should be built into gatsby but that
gatsby provides the hooks to build this in user land.
On Sun, Mar 13, 2016 at 10:18 AM Pamela Ocampo [email protected]
wrote:

That'd be the best solution. My google-fu was waning yesterday but I'm
sure there's something that is capable of it.


Reply to this email directly or view it on GitHub
#18 (comment).

from gatsby.

KyleAMathews avatar KyleAMathews commented on May 8, 2024

Shipped solution to this in 0.12 https://github.com/gatsbyjs/gatsby/releases/tag/v0.12.0

from gatsby.

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.