# Introducing jekyll-mentioji

**URL:** <https://talk.jekyllrb.com/t/introducing-jekyll-mentioji/2072>\
**Category:** Share\
**Created:** [August 16, 2018, 6:51pm UTC](https://talk.jekyllrb.com/t/introducing-jekyll-mentioji/2072 "2018-08-16T18:51:47Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![ashmaroli](https://avatars.discourse-cdn.com/v4/letter/a/df705f/32.png) [@ashmaroli](https://talk.jekyllrb.com/u/ashmaroli)\
**Post date:** [August 16, 2018, 6:51pm UTC](https://talk.jekyllrb.com/t/introducing-jekyll-mentioji/2072/1 "2018-08-16T18:51:48Z")

</div>

👋

If you have a medium-large site using **both** `jekyll-mentions` and `jemoji`, then you **can shave a couple of seconds from the total build time** by using [**`jekyll-mentioji`**](https://github.com/ashmaroli/jekyll-mentioji) instead.

Its a bit faster yet fully compatible with existing configuration settings for the two plugins.

Cheers 🍻

_Disclaimer: Not whitelisted for use with `github-pages` gem_

---

<div class="post-metadata">

**Author:** ![yashumittal](https://yyz2.discourse-cdn.com/flex030/user_avatar/talk.jekyllrb.com/yashumittal/32/1260_2.png) [@yashumittal](https://talk.jekyllrb.com/u/yashumittal)\
**Post date:** [August 20, 2018, 6:56am UTC](https://talk.jekyllrb.com/t/introducing-jekyll-mentioji/2072/2 "2018-08-20T06:56:56Z")

</div>

I have used `jemoji` in one of my blogs and it has converted all of my emoji into images.

> **[Markdown Emoji Markup](https://blog.codecarrot.net/markdown-emoji-markup/)**
>
> As you have probably noticed, using emojis is a trend that is here to stay, since these small images can mean the world to your business in terms of Marketing.

---

<div class="post-metadata">

**Author:** ![ashmaroli](https://avatars.discourse-cdn.com/v4/letter/a/df705f/32.png) [@ashmaroli](https://talk.jekyllrb.com/u/ashmaroli)\
**Post date:** [August 20, 2018, 7:17am UTC](https://talk.jekyllrb.com/t/introducing-jekyll-mentioji/2072/3 "2018-08-20T07:17:08Z")

</div>

@yashumittal I’m sorry, but what are you trying to say…?

---

<div class="post-metadata">

**Author:** ![yashumittal](https://yyz2.discourse-cdn.com/flex030/user_avatar/talk.jekyllrb.com/yashumittal/32/1260_2.png) [@yashumittal](https://talk.jekyllrb.com/u/yashumittal)\
**Post date:** [August 20, 2018, 7:30am UTC](https://talk.jekyllrb.com/t/introducing-jekyll-mentioji/2072/4 "2018-08-20T07:30:12Z")

</div>

I mean that `jemoji` plugin is not working for my blog site, as it is converting all the emoji into images.

---

<div class="post-metadata">

**Author:** ![ashmaroli](https://avatars.discourse-cdn.com/v4/letter/a/df705f/32.png) [@ashmaroli](https://talk.jekyllrb.com/u/ashmaroli)\
**Post date:** [August 20, 2018, 8:36am UTC](https://talk.jekyllrb.com/t/introducing-jekyll-mentioji/2072/5 "2018-08-20T08:36:18Z")

</div>

> [@yashumittal](#):
>
> it is converting all the emoji into images

That is exactly what the `jemoji` plugin is designed for: **To convert text `:smiley:` into a 😃 graphic!!**  
The issue with your post is purely CSS related.

Open your browser’s Inspector tool and **disable the following CSS Rule** to **preview** your intended rendering:

```auto
.article img {
  /* width: 100%; */
  height: auto;
  border-radius: 6px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15);
}

```

While your CSS is technically correct, the parent container is too fluid to actually “constrain” the generated images to an acceptable width n height.

---

<div class="post-metadata">

**Author:** ![yashumittal](https://yyz2.discourse-cdn.com/flex030/user_avatar/talk.jekyllrb.com/yashumittal/32/1260_2.png) [@yashumittal](https://talk.jekyllrb.com/u/yashumittal)\
**Post date:** [August 20, 2018, 12:02pm UTC](https://talk.jekyllrb.com/t/introducing-jekyll-mentioji/2072/6 "2018-08-20T12:02:20Z")

</div>

It is converting into `.png` images, didn’t you checked the blog link I have posted.

Shouldn’t it be just emoji _(instead of converted into `.png` or `.jpg`)_

> **[Markdown Emoji Markup](https://blog.codecarrot.net/markdown-emoji-markup/)**
>
> As you have probably noticed, using emojis is a trend that is here to stay, since these small images can mean the world to your business in terms of Marketing.