[Question] How to use assets or static files when using <Img>

[socketopp]

Currently I use an url that is pointing to my image. But I can't figure out how to include a static image. Would really appreciate if anyone could provide an example how to embed static images to the email template.

[cmjoseph07]

@socketopp

You can import the import the image than use it directly in src. An example would be below:

import ghost from '/ghost.png' // This will be the path to your static image

<Img src={ghost} />

[socketopp]

@socketopp

You can import the import the image than use it directly in src. An example would be below:

import ghost from '/ghost.png' // This will be the path to your static image

<Img src={ghost} />

I tried that but it didn't work

import email_logo from './logo_mail.png';
...
<Container style={headerContainer}>
  <Link href={baseUrl} style={{ height: 'fit', textAlign: 'center' }}>
    <Img src={email_logo} alt="logo" style={image} width="160px" height="22px" />
  </Link>
</Container>

In gmail, it points to some 404 google endpoint
https://ci3.googleusercontent.com/meips/[:id]..-ft#http:///src/lib/emails/templates/logo_mail.png?t=151515158158