diff --git a/CHANGELOG.md b/CHANGELOG.md
index 4bf80bd7..faf8ffc5 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -2,95 +2,174 @@
 
 ## [Unreleased]
 
-- Update Marpit API URL to use own domains ([#59](https://github.com/marp-team/marpit/pull/59))
+### Added
+
+- Support image resizing with `width` and `height` keyword ([#62](https://github.com/marp-team/marpit/pull/62))
 - Add document page on [https://marpit.marp.app/](https://marpit.marp.app/) ([#60](https://github.com/marp-team/marpit/pull/60), [#61](https://github.com/marp-team/marpit/pull/61))
 
+### Changed
+
+- Update Marpit API URL to use own domains ([#59](https://github.com/marp-team/marpit/pull/59))
+
 ## v0.0.13 - 2018-08-27
 
-- Improve type definition about slide containers, theme metas, and internal variables ([#56](https://github.com/marp-team/marpit/pull/56), [#58](https://github.com/marp-team/marpit/pull/58))
+### Added
+
 - Support CSS scoping by element id ([#57](https://github.com/marp-team/marpit/pull/57))
 
+### Fixed
+
+- Improve type definition about slide containers, theme metas, and internal variables ([#56](https://github.com/marp-team/marpit/pull/56), [#58](https://github.com/marp-team/marpit/pull/58))
+
 ## v0.0.12 - 2018-08-18
 
+### Removed
+
 - Remove Unicode Emoji support due to many issues on stable Chrome ([#53](https://github.com/marp-team/marpit/pull/53))
+
+### Changed
+
 - Improve lazy YAML parsing to apply in defined directives only ([#54](https://github.com/marp-team/marpit/pull/54))
 - Upgrade Node LTS and depenent packages ([#55](https://github.com/marp-team/marpit/pull/55))
 
 ## v0.0.11 - 2018-08-12
 
-- Bugfix: Pass `class` attribute to pseudo section on advanced background ([#48](https://github.com/marp-team/marpit/pull/48))
+### Added
+
 - Lazy yaml support by `lazyYAML` option ([#49](https://github.com/marp-team/marpit/pull/49))
-- Migrate coverage report service from [Coveralls](https://coveralls.io/github/marp-team/marpit?branch=master) to [Codecov](https://codecov.io/gh/marp-team/marpit) ([#50](https://github.com/marp-team/marpit/pull/50))
 - Support `class` directive defined by array ([#51](https://github.com/marp-team/marpit/pull/51))
 - Parse inline comment ([#52](https://github.com/marp-team/marpit/pull/52))
 
+### Fixed
+
+- Bugfix: Pass `class` attribute to pseudo section on advanced background ([#48](https://github.com/marp-team/marpit/pull/48))
+
+### Changed
+
+- Migrate coverage report service from [Coveralls](https://coveralls.io/github/marp-team/marpit?branch=master) to [Codecov](https://codecov.io/gh/marp-team/marpit) ([#50](https://github.com/marp-team/marpit/pull/50))
+
 ## v0.0.10 - 2018-08-05
 
-- **[BREAKING]** Improve appending/prepending style on `ThemeSet#pack` ([#47](https://github.com/marp-team/marpit/pull/47))
-  - `ThemeSet#pack`'s [`appendStyle` option](https://github.com/marp-team/marpit/blob/c1fce7c7f80fb563111b8b0e34d98eabc5c834a3/src/theme_set.js#L171) is renamed to [`after`](https://github.com/marp-team/marpit/blob/e68f0bb38a6d894cce80fa811d41952635a886b6/src/theme_set.js#L172).
+### Breaking
+
+- Improve appending/prepending style on `ThemeSet#pack` ([`appendStyle` option](https://github.com/marp-team/marpit/blob/c1fce7c7f80fb563111b8b0e34d98eabc5c834a3/src/theme_set.js#L171) is renamed to [`after`](https://github.com/marp-team/marpit/blob/e68f0bb38a6d894cce80fa811d41952635a886b6/src/theme_set.js#L172)) ([#47](https://github.com/marp-team/marpit/pull/47))
+
+### Changed
+
+- Mark Marpit's `options` property as immutable ([#46](https://github.com/marp-team/marpit/pull/46))
 - Migrate test framework from mocha to jest ([#43](https://github.com/marp-team/marpit/pull/43))
 - Migrate CI from Travis CI to CircleCI ([#44](https://github.com/marp-team/marpit/pull/44))
-- Mark Marpit's `options` property as immutable ([#46](https://github.com/marp-team/marpit/pull/46))
 
 ## v0.0.9 - 2018-07-23
 
+### Added
+
 - Add the basic TypeScript definition ([#40](https://github.com/marp-team/marpit/pull/40))
 - Support heading divider ([#41](https://github.com/marp-team/marpit/pull/41))
+
+### Changed
+
 - Upgrade Node LTS and depenent packages ([#42](https://github.com/marp-team/marpit/pull/42))
 
 ## v0.0.8 - 2018-06-28
 
+### Added
+
+- Support Unicode 11.0 emoji ([#39](https://github.com/marp-team/marpit/pull/39))
+
+### Fixed
+
 - Apply `color` style to pseudo layer of advanced backgrounds ([#37](https://github.com/marp-team/marpit/pull/37))
 - Fix JSDoc: Missing `color` prop in the definition of local directives ([#38](https://github.com/marp-team/marpit/pull/38))
-- Support Unicode 11.0 emoji ([#39](https://github.com/marp-team/marpit/pull/39))
 
 ## v0.0.7 - 2018-06-04
 
+### Added
+
 - Support `backgroundColor` and `color` local directives ([#32](https://github.com/marp-team/marpit/pull/32))
+
+### Fixed
+
 - Suppress confusable theme import when tweaking ([#33](https://github.com/marp-team/marpit/pull/33))
+
+### Removed
+
 - Remove `workaround` flag support from Marpit's `inlineSVG` option ([#35](https://github.com/marp-team/marpit/pull/35))
 
 ## v0.0.6 - 2018-05-29
 
+### Added
+
 - Add `header` and `footer` directives ([#22](https://github.com/marp-team/marpit/pull/22))
 - Support importing other theme CSS with `@import` (or `@import-theme`) ([#24](https://github.com/marp-team/marpit/pull/24))
 - Support tweaking theme style through `<style>` element or `style` global directive ([#25](https://github.com/marp-team/marpit/pull/25))
 - Add PostCSS import rollup plugin to work `@charset` and `@import` at-rules correctly ([#26](https://github.com/marp-team/marpit/pull/26))
-- Change role of pagination layer to pseudo layer on advanced background ([#27](https://github.com/marp-team/marpit/pull/27))
+
+### Fixed
+
 - Fix over-stripped comments in the inline code ([#28](https://github.com/marp-team/marpit/pull/28))
 - Hide `section::after` pseudo-element without pagination ([#29](https://github.com/marp-team/marpit/pull/29))
 
+### Changed
+
+- Change role of pagination layer to pseudo layer on advanced background ([#27](https://github.com/marp-team/marpit/pull/27))
+
 ## v0.0.5 - 2018-05-12
 
+### Added
+
 - Add `paginate` local directive ([#17](https://github.com/marp-team/marpit/pull/17))
 - Make Unicode emoji printable ([#18](https://github.com/marp-team/marpit/pull/18))
+
+### Security
+
 - Prevent style injections ([#19](https://github.com/marp-team/marpit/pull/19))
 
 ## v0.0.4 - 2018-05-05
 
+### Added
+
 - Implement CSS filter for image and advanced backgrounds ([#14](https://github.com/marp-team/marpit/pull/14))
-- Fix PostCSS printable plugin to allow printing the advanced backgrounds ([#15](https://github.com/marp-team/marpit/pull/15))
 - Implement split backgrounds in advanced background mode ([#16](https://github.com/marp-team/marpit/pull/16))
 
+### Fixed
+
+- Fix PostCSS printable plugin to allow printing the advanced backgrounds ([#15](https://github.com/marp-team/marpit/pull/15))
+
 ## v0.0.3 - 2018-05-02
 
+### Added
+
 - Implement background image resizing with keyword and scale ([#10](https://github.com/marp-team/marpit/pull/10))
 - Support advanced background mode with inline SVG, for multiple images and filters ([#11](https://github.com/marp-team/marpit/pull/11))
-- Upgrade node to the latest LTS version v8.11.1 ([#12](https://github.com/marp-team/marpit/pull/12))
 - Update docs about background images ([#13](https://github.com/marp-team/marpit/pull/13))
 
+### Changed
+
+- Upgrade node to the latest LTS version v8.11.1 ([#12](https://github.com/marp-team/marpit/pull/12))
+
 ## v0.0.2 - 2018-04-28
 
+### Added
+
 - Support background image syntax ([#4](https://github.com/marp-team/marpit/pull/4), [#5](https://github.com/marp-team/marpit/pull/5), and [#8](https://github.com/marp-team/marpit/pull/8))
 - Add [JSDoc documentation to `ThemeSet` class methods](https://marpit-api.marp.app/themeset) ([#7](https://github.com/marp-team/marpit/pull/7))
+
+### Changed
+
 - Improve the sweep logic of blank paragraphs by split into another plugin ([#8](https://github.com/marp-team/marpit/pull/8))
 
 ## v0.0.1 - 2018-03-28
 
+### Added
+
+- Add JSDoc about `Marpit` class
+
+### Changed
+
 - Optional inline SVG workaround ([#1](https://github.com/marp-team/marpit/pull/1))
 - Split the injection of markdown-it plugins and provide interface of markdown-it plugin ([#2](https://github.com/marp-team/marpit/pull/2))
-- Split rendering style into Marpit#renderStyle ([#3](https://github.com/marp-team/marpit/pull/3))
-- Add JSDoc about `Marpit` class
+- Split rendering style into `Marpit#renderStyle` ([#3](https://github.com/marp-team/marpit/pull/3))
 
 ## v0.0.0 - 2018-03-24
 
diff --git a/README.md b/README.md
index fc1997eb..f6711f0a 100644
--- a/README.md
+++ b/README.md
@@ -1,6 +1,6 @@
 <div align="center">
   <p>
-    <img src="./docs/marpit.png" alt="Marpit" width="500" />
+    <a href="https://marpit.marp.app"><img src="./docs/marpit.png" alt="Marpit" width="500" /></a>
   </p>
   <p>
     <strong>Marpit</strong>: Markdown slide deck framework
@@ -17,18 +17,32 @@
 
 ---
 
-**Marpit** /mɑːrpɪt/ is the skinny framework for creating slide deck from Markdown.
+**Marpit** /mɑːrpɪt/ is the skinny framework for creating slide deck from Markdown. It can transform Markdown and CSS theme(s) to slide deck composed of static HTML and CSS and create a web page convertible into slide PDF by printing.
 
-It can transform Markdown and CSS theme(s) to slide deck composed by static HTML and CSS. (powered by [markdown-it](https://github.com/markdown-it/markdown-it) and [PostCSS](https://github.com/postcss/postcss))
+Marpit is designed to _output minimum assets for the slide deck_. You can use the bare assets as a logicless slide deck, but mainly we expect to integrate output with other tools and applications.
 
-- **[Marpit Markdown](#marpit-markdown)** - It has extended several features such as [_directives_](#directives) and [_slide backgrounds_](#slide-backgrounds) with keeping a compatibility with the Markdown documents.
-- **[Clear markup](#markup)** - Marpit [theme CSS](#theme-css) has no own class, so you can focus on _your_ markup.
-- **[Inline SVG slide](#inline-svg-slide-experimental)** _(Experimental)_ - Support a browser-native slide auto-scaling and isolate the original DOM structure for advanced features. The bare slide deck _has never required JavaScript._
+This framework is actually created for use as [a core][marp-core] of the next version of [Marp](https://github.com/yhatt/marp/).
 
-Marpit will become a core of _the next version of **[Marp](https://github.com/yhatt/marp/)**_.
+[marp-core]: https://github.com/marp-team/marp-core/
 
 > :warning: **This framework is under development and not ready to use.** In addition, we are not ready to accept your contributes because it is proof of concept about the next version of Marp.
 
+## Features
+
+### [:pencil: **Marpit Markdown**](#marpit-markdown)
+
+We have extended several features into [markdown-it](https://github.com/markdown-it/markdown-it) parser to support writing awesome slides, such as [Directives](#directives) and [Slide backgrounds](#slide-backgrounds). Additional syntaxes place importance on a compatibility with general Markdown documents.
+
+### [:art: **CSS theme by clear markup**](#theme-css)
+
+Marpit has the CSS theming system that can design slides everything. Unlike other slide frameworks, there are not any predefined classes and mixins. You have only to focus styling HTML elements by pure CSS. Marpit would take care of the selected theme's necessary conversion.
+
+### [:triangular_ruler: **Inline SVG slide**][inline-svg] <i>(Experimental)</i>
+
+Optionally `<svg>` element can use as the container of each slide page. It can be realized the pixel-perfect scaling of the slide only by CSS, so handling slides in integrated apps become simplified. The isolated HTML space made by `<foreignObject>` can provide [_Advanced backgrounds_][advanced-bg] for the slide with keeping the original Markdown DOM structure.
+
+> :information_source: We not provide any themes because Marpit is just a framework. You can use [@marp-team/marp-core][marp-core] if you want. It has the official themes, and practical features extended from Marpit.
+
 ## Marpit Markdown
 
 **Marpit Markdown** syntax focuses a compatibility with commonly Markdown documents. It means the result of rendering keeps looking nice even if you open the Marpit Markdown in a general Markdown editor.
@@ -121,7 +135,7 @@ footer: "![image](https://example.com/image.jpg)"
 >
 > You can enable a lazy YAML parsing by `lazyYAML` Marpit constructor option if you want to recognize defined directive's string without quotes.
 
-> :information_source: Due to the parsing order of Markdown, you cannot use [slide background images](#slide-background) in `header` and `footer` directives.
+> :information_source: Due to the parsing order of Markdown, you cannot use [slide backgrounds](#slide-backgrounds) in `header` and `footer` directives.
 
 #### Heading divider
 
@@ -189,86 +203,137 @@ Hello, world!
 
 It is useful when you want to create a slide deck from a plain Markdown. Even if you opened an example about `headingDivider` in general Markdown editor, it keeps a beautiful rendering without horizontal rulers.
 
-### Slide backgrounds
+#### Styling backgrounds
 
-We provide a background image syntax to specify slide's background through Markdown. Include `bg` to the alternate text.
+If you want to use any color or the gradient as background, you can set style through `backgroundColor` or `backgroundImage` local directives.
 
 ```markdown
-![bg](https://example.com/background.jpg)
+<!-- backgroundImage: "linear-gradient(to bottom, #67b8e3, #0288d1)" -->
+
+Gradient background
+
+---
+
+<!--
+_backgroundColor: black
+_color: white
+-->
+
+Black background + White text
 ```
 
-When you defined 2 or more background images in a slide, Marpit will show the last defined image only. If you want to show multiple images, try [the advanced backgrounds](#advanced-backgrounds-with-inline-svg-mode) by enabling [inline SVG mode](#inline-svg-slide-experimental).
+|     Local directives | Description                                                     | Default     |
+| -------------------: | --------------------------------------------------------------- | ----------- |
+|    `backgroundColor` | Specify `background-color` style.                               |             |
+|    `backgroundImage` | Specify `background-image` style.                               |             |
+| `backgroundPosition` | Specify `background-position` style.                            | `center`    |
+|   `backgroundRepeat` | Specify `background-repeat` style.                              | `no-repeat` |
+|     `backgroundSize` | Specify `background-size` style.                                | `cover`     |
+|              `color` | Specify `color` style. It's usable if the text is hard to read. |             |
+
+### Image syntaxes
+
+Marpit provides Markdown image syntaxes `![](image.jpg)` with extended to be helpful creating beautiful slides.
+
+|                 Extended features                 |       Inline image       | [Slide backgrounds](#slide-backgrounds) | [Advanced backgrounds][advanced-bg] |
+| :-----------------------------------------------: | :----------------------: | :-------------------------------------: | :---------------------------------: |
+|    **[Resizing](#resizing-image)** by keywords    |       `auto` only        |           :heavy_check_mark:            |         :heavy_check_mark:          |
+|            **Resizing** by percentage             | :heavy_multiplication_x: |           :heavy_check_mark:            |         :heavy_check_mark:          |
+|              **Resizing** by length               |    :heavy_check_mark:    |           :heavy_check_mark:            |         :heavy_check_mark:          |
+|        **[Image filters](#image-filters)**        |    :heavy_check_mark:    |        :heavy_multiplication_x:         |         :heavy_check_mark:          |
+| **[Multiple backgrounds](#multiple-backgrounds)** |            -             |        :heavy_multiplication_x:         |         :heavy_check_mark:          |
+|    **[Split backgrounds](#split-backgrounds)**    |            -             |        :heavy_multiplication_x:         |         :heavy_check_mark:          |
 
-You can disable by `backgroundSyntax: false` in Marpit constructor option if you not want the `bg` syntax.
+Basically the extended features can turn enable by including corresponded keywords to the image's alternative text.
 
-#### Resize images
+#### Resizing image
 
-You can resize the image by space-separated options. The basic option value follows `background-size` style (but except length).
+You can resize image by using `width` and `height` keyword options.
 
 ```markdown
-`cover` will scale image to fill the slide (default):
-![bg cover](https://example.com/background.jpg)
+![width:200px](image.jpg) <!-- Setting width to 200px -->
+![height:30cm](image.jpg) <!-- Setting height to 300px -->
+![width:200px height:30cm](image.jpg) <!-- Setting both lengths -->
+```
 
----
+We also support the shorthand options `w` and `h`. Normally it's useful to use these.
 
-`contain` will scale image to fit the slide:
-![bg contain](https://example.com/background.jpg)
+```markdown
+![w:32 h:32](image.jpg) <!-- Setting size to 32x32 px -->
+```
 
-You can also use the `fit` keyword like Deckset:
-![bg fit](https://example.com/background.jpg)
+Inline images _only allow `auto` keyword and the length units defined in CSS._
 
----
+> :warning: Several units related to the size of the viewport (e.g. `vw`, `vh`, `vmin`, `vmax`) cannot use to ensure immutable render result.
 
-`auto` will not scale image, and use the original size:
-![bg auto](https://example.com/background.jpg)
+#### Image filters
 
----
+You can apply CSS filters to image through markdown image syntax. Include `<filter-name>(:<param>(,<params>...))` to the alternate text of image.
 
-The percentage value will specify the scaling factor of image.
-![bg 150%](https://example.com/background.jpg)
-```
+Filters can use in the inline image and [the advanced backgrounds][advanced-bg].
+
+| Markdown           | (with arguments)                             | Corresponded [`filter` style][filter-mdn]   |
+| ------------------ | -------------------------------------------- | ------------------------------------------- |
+| `![blur]()`        | `![blur:10px]()`                             | `blur(10px)`                                |
+| `![brightness]()`  | `![brightness:1.5]()`                        | `brightness(1.5)`                           |
+| `![contrast]()`    | `![contrast:200%]()`                         | `contrast(200%)`                            |
+| `![drop-shadow]()` | `![drop-shadow:0,5px,10px,rgba(0,0,0,.4)]()` | `drop-shadow(0 5px 10px rgba(0, 0, 0, .4))` |
+| `![grayscale]()`   | `![grayscale:1]()`                           | `grayscale(1)`                              |
+| `![hue-rotate]()`  | `![hue-rotate:180deg]()`                     | `hue-rotate(180deg)`                        |
+| `![invert]()`      | `![invert:100%]()`                           | `invert(100%)`                              |
+| `![opacity]()`     | `![opacity:.5]()`                            | `opacity(.5)`                               |
+| `![saturate]()`    | `![saturate:2.0]()`                          | `saturate(2.0)`                             |
+| `![sepia]()`       | `![sepia:1.0]()`                             | `sepia(1.0)`                                |
 
-#### Styling through directives
+[filter-mdn]: https://developer.mozilla.org/en-US/docs/Web/CSS/filter
 
-If you want to use any color or the gradient as background, you can set style directly through local or spot directives.
+Marpit will use the default arguments shown in above when you omit arguments.
+
+Naturally multiple filters can apply to a image.
 
 ```markdown
-<!-- _backgroundImage: "linear-gradient(to bottom, #67b8e3, #0288d1)" -->
+![brightness:.8 sepia:50%](https://example.com/image.jpg)
+```
 
-Gradient background
+> :information_source: You can disable this feature with `filters: false` in Marpit constructor option if you not want.
 
----
+#### Slide backgrounds
 
-<!--
-_backgroundColor: black
-_color: white
--->
+We provide a background image syntax to specify slide's background through Markdown. It only have to include `bg` keyword to the alternate text.
 
-Black background + White text
+```markdown
+![bg](https://example.com/background.jpg)
 ```
 
-This feature is available regardless of `backgroundSyntax` option in Marpit constructor.
+When you defined two or more background images in a slide, Marpit will show the last defined image only. If you want to show multiple images, try [the advanced backgrounds][advanced-bg] by enabling [inline SVG mode][inline-svg].
+
+> :information_source: You can disable by `backgroundSyntax: false` in Marpit constructor option if you not want. However, you can still style background image through [directives](#styling-backgrounds).
+
+#### Background size
 
-##### Directives
+You can resize the background image by keywords. The basic keyword value follows `background-size` style.
 
-| Spot directive        | Description                                                     | Default     |
-| --------------------- | --------------------------------------------------------------- | ----------- |
-| `_backgroundColor`    | Specify `background-color` style.                               |             |
-| `_backgroundImage`    | Specify `background-image` style.                               |             |
-| `_backgroundPosition` | Specify `background-position` style.                            | `center`    |
-| `_backgroundRepeat`   | Specify `background-repeat` style.                              | `no-repeat` |
-| `_backgroundSize`     | Specify `background-size` style.                                | `cover`     |
-| `_color`              | Specify `color` style. It's usable if the text is hard to read. |             |
+```markdown
+![bg contain](https://example.com/background.jpg)
+```
 
-The beginning underbar of directive means "_Apply only to current slide page_". (Spot directive)
+|       Keyword | Description                                     | Example                    |
+| ------------: | :---------------------------------------------- | :------------------------- |
+|   **`cover`** | Scale image to fill the slide. _(Default)_      | `![bg cover](image.jpg)`   |
+| **`contain`** | Scale image to fit the slide.                   | `![bg contain](image.jpg)` |
+|         `fit` | Alias to `contain`, compatible with Deckset.    | `![bg fit](image.jpg)`     |
+|    **`auto`** | Not scale image, and use the original size.     | `![bg auto](image.jpg)`    |
+|        _`x%`_ | Specify the scaling factor by percentage value. | `![bg 150%](image.jpg)`    |
 
-When you remove the underbar, the background would apply to current and _the following pages_ (Local directive).
+You also can continue to use [`width` (`w`) and `height` (`h`) option keywords](#resizing-image) to specify size by length.
 
 #### Advanced backgrounds with inline SVG mode
 
-The advanced backgrounds will work _only with [`inlineSVG: true`](#inline-svg-slide-experimental)_. It supports multiple background images, image filters, and split backgrounds.
+[advanced-bg]: #advanced-backgrounds-with-inline-svg-mode
 
-##### Multiple background images
+The advanced backgrounds will work _only with [`inlineSVG: true`][inline-svg]_. It supports image filters, multiple backgrounds, and split backgrounds.
+
+##### Multiple backgrounds
 
 ```markdown
 ![bg](https://example.com/backgroundA.jpg)
@@ -290,7 +355,7 @@ The space of a slide content will shrink to the right side.
 
 ---
 
-<!-- Multiple background images will work well in the specified background side. -->
+<!-- Multiple backgrounds will work well in the specified background side. -->
 
 ![bg right](https://example.com/backgroundB.jpg)
 ![bg](https://example.com/backgroundC.jpg)
@@ -302,38 +367,7 @@ The space of a slide content will shrink to the left side.
 
 This feature is similar to [Deckset's Split Slides](https://docs.decksetapp.com/English.lproj/Images%20and%20Videos/01-background-images.html).
 
-> Marpit uses a last defined keyword in a slide when `left` and `right` keyword is mixed in the same slide by using multiple background images.
-
-### Image filters
-
-You can apply CSS filters to image through markdown image syntax. Include `<filter-name>(:<param>(,<params>...))` to the space-separated alternate text of image syntax.
-
-Filters can use in the inline image and [the advanced backgrounds](#advanced-backgrounds-with-inline-svg-mode). You can disable this feature with `filters: false` in Marpit constructor option.
-
-#### Filters
-
-We are following the function of the [`filter` style](https://developer.mozilla.org/en-US/docs/Web/CSS/filter).
-
-| Markdown           | (with arguments)                             | `filter` style                              |
-| ------------------ | -------------------------------------------- | ------------------------------------------- |
-| `![blur]()`        | `![blur:10px]()`                             | `blur(10px)`                                |
-| `![brightness]()`  | `![brightness:1.5]()`                        | `brightness(1.5)`                           |
-| `![contrast]()`    | `![contrast:200%]()`                         | `contrast(200%)`                            |
-| `![drop-shadow]()` | `![drop-shadow:0,5px,10px,rgba(0,0,0,.4)]()` | `drop-shadow(0 5px 10px rgba(0, 0, 0, .4))` |
-| `![grayscale]()`   | `![grayscale:1]()`                           | `grayscale(1)`                              |
-| `![hue-rotate]()`  | `![hue-rotate:180deg]()`                     | `hue-rotate(180deg)`                        |
-| `![invert]()`      | `![invert:100%]()`                           | `invert(100%)`                              |
-| `![opacity]()`     | `![opacity:.5]()`                            | `opacity(.5)`                               |
-| `![saturate]()`    | `![saturate:2.0]()`                          | `saturate(2.0)`                             |
-| `![sepia]()`       | `![sepia:1.0]()`                             | `sepia(1.0)`                                |
-
-Marpit will use the default arguments shown in above when you omit arguments.
-
-Naturally multiple filters can apply to a image.
-
-```markdown
-![brightness:.8 sepia:50%](https://example.com/image.jpg)
-```
+> :information_source: Marpit uses a last defined keyword in a slide when `left` and `right` keyword is mixed in the same slide by using multiple backgrounds.
 
 ## Markup
 
@@ -364,7 +398,7 @@ This container element(s) can change in Marpit constructor option. Also `contain
 
 ### Theme CSS
 
-> :information_source: Marpit provides only [the minimum style for scaffolding presentation](src/theme/scaffold.js), and does not provide default theme. You can use [`@marp-team/marp-core`](https://github.com/marp-team/marp-core) if you want.
+> :information_source: Marpit provides only [the minimum style for scaffolding presentation](src/theme/scaffold.js), and does not provide default theme. You can use [`@marp-team/marp-core`][marp-core] if you want.
 
 In theme CSS, you need not think about the hierarchy of Marpit. All that you have to know is just that a `<section>` element becomes a slide.
 
@@ -557,6 +591,8 @@ A specified theme will convert to static CSS in rendering by `marpit.render()`.
 
 ## Inline SVG slide _(experimental)_
 
+[inline-svg]: #inline-svg-slide-experimental
+
 > :warning: This feature is experimental because of some strange rendering in Chrome. [Track chromium issues about `<foreignObject>`.](https://bugs.chromium.org/p/chromium/issues/list?q=foreignObject&sort=-stars)
 
 When you set `inlineSVG: true` in Marpit constructor option, the each `<section>` are wrapped by inline SVG.
@@ -575,7 +611,7 @@ SVG elements can scale contents with keeping aspect ratio. If you are creating a
 
 If it combines with [CSS Scroll Snap](https://www.w3.org/TR/css-scroll-snap-1/), _we would not need to require any JavaScript logic_ for the simple HTML-based presentation.
 
-In addition, [the advanced backgrounds](#advanced-backgrounds-with-inline-svg-mode) will support in the layer of this SVG. The injected elements to support advanced background will not affect the DOM structure of each slide.
+In addition, [the advanced backgrounds][advanced-bg] will support in the layer of this SVG. The injected elements to support advanced background will not affect the DOM structure of each slide.
 
 ## API
 
diff --git a/src/markdown/background_image.js b/src/markdown/background_image.js
index 40c10f21..954d437f 100644
--- a/src/markdown/background_image.js
+++ b/src/markdown/background_image.js
@@ -102,17 +102,27 @@ function backgroundImage(md) {
             backgroundSize,
             backgroundSplit,
             filter,
+            height,
             size,
             url,
+            width,
           } = t.meta.marpitImage
 
           if (background && !url.match(/^\s*$/)) {
             current.images = [
               ...(current.images || []),
               {
-                url,
-                size: size || backgroundSize || undefined,
                 filter,
+                height,
+                size: (() => {
+                  const s = size || backgroundSize || undefined
+
+                  return !['contain', 'cover'].includes(s) && (width || height)
+                    ? `${width || s || 'auto'} ${height || s || 'auto'}`
+                    : s
+                })(),
+                url,
+                width,
               },
             ]
           }
diff --git a/src/markdown/parse_image.js b/src/markdown/parse_image.js
index d4dc7d8b..e6bd1f9f 100644
--- a/src/markdown/parse_image.js
+++ b/src/markdown/parse_image.js
@@ -23,11 +23,20 @@ function parseImage(md, opts = {}) {
   const pluginOptions = { filters: true, ...opts }
   const optionMatchers = new Map()
 
-  // The scale percentage for resize
-  // TODO: Implement cross-browser image zoom without affecting DOM tree
-  // (Pre-released Marp uses `zoom` but it has not supported in Firefox)
+  // The scale percentage for resize background
   optionMatchers.set(/^(\d*\.)?\d+%$/, matches => ({ size: matches[0] }))
 
+  // width and height
+  optionMatchers.set(
+    /^w(?:idth)?:((?:\d*\.)?\d+(?:%|ch|cm|em|ex|in|mm|pc|pt|px)?|auto)$/,
+    matches => ({ width: matches[1] })
+  )
+
+  optionMatchers.set(
+    /^h(?:eight)?:((?:\d*\.)?\d+(?:%|ch|cm|em|ex|in|mm|pc|pt|px)?|auto)$/,
+    matches => ({ height: matches[1] })
+  )
+
   if (pluginOptions.filters) {
     // CSS filters
     optionMatchers.set(/^blur(?::(.+))?$/, (matches, meta) => ({
@@ -111,19 +120,30 @@ function parseImage(md, opts = {}) {
           })
         })
 
-        // Build and apply filter style
-        if (token.meta.marpitImage.filters) {
-          token.meta.marpitImage.filter = token.meta.marpitImage.filters
+        // Build and apply styles
+        const { filters, height, width } = token.meta.marpitImage
+        const style = new InlineStyle(token.attrGet('style'))
+
+        const assign = (decl, value) => {
+          const normalize = `${value}${/^(\d*\.)?\d+$/.test(value) ? 'px' : ''}`
+          token.meta.marpitImage[decl] = normalize
+
+          if (!value.endsWith('%')) style.set(decl, normalize)
+        }
+
+        if (width) assign('width', width)
+        if (height) assign('height', height)
+
+        if (filters) {
+          token.meta.marpitImage.filter = filters
             .reduce((arr, fltrs) => [...arr, `${fltrs[0]}(${fltrs[1]})`], [])
             .join(' ')
 
-          const style = new InlineStyle(token.attrGet('style')).set(
-            'filter',
-            token.meta.marpitImage.filter
-          )
-
-          token.attrSet('style', style.toString())
+          style.set('filter', token.meta.marpitImage.filter)
         }
+
+        const stringified = style.toString()
+        if (stringified) token.attrSet('style', stringified)
       }
     })
   })
diff --git a/test/markdown/background_image.js b/test/markdown/background_image.js
index 93521187..51cb4eb8 100644
--- a/test/markdown/background_image.js
+++ b/test/markdown/background_image.js
@@ -77,25 +77,37 @@ describe('Marpit background image plugin', () => {
     }
 
     it('assigns corresponded backgroundSize spot directive', () => {
-      expect(directives('![bg auto](img)').backgroundSize).toBe('auto')
-      expect(directives('![bg contain](img)').backgroundSize).toBe('contain')
-      expect(directives('![bg cover](img)').backgroundSize).toBe('cover')
-      expect(directives('![bg fit](img)').backgroundSize).toBe('contain')
+      expect(directives('![bg auto](i)').backgroundSize).toBe('auto')
+      expect(directives('![bg contain](i)').backgroundSize).toBe('contain')
+      expect(directives('![bg cover](i)').backgroundSize).toBe('cover')
+      expect(directives('![bg fit](i)').backgroundSize).toBe('contain')
     })
 
     it('assigns specified scale to backgroundSize spot directive', () => {
-      expect(directives('![bg 50%](img)').backgroundSize).toBe('50%')
-      expect(directives('![bg 123.45%](img)').backgroundSize).toBe('123.45%')
-      expect(directives('![bg .25%](img)').backgroundSize).toBe('.25%')
+      expect(directives('![bg 50%](i)').backgroundSize).toBe('50%')
+      expect(directives('![bg 123.45%](i)').backgroundSize).toBe('123.45%')
+      expect(directives('![bg .25%](i)').backgroundSize).toBe('.25%')
 
       // The percentage scale is prior to the background keyword.
-      expect(directives('![bg 100% contain](img)').backgroundSize).toBe('100%')
+      expect(directives('![bg 100% contain](i)').backgroundSize).toBe('100%')
+    })
+
+    it('assigns specifid scale per direction', () => {
+      expect(directives('![bg w:300](i)').backgroundSize).toBe('300px auto')
+      expect(directives('![bg h:25%](i)').backgroundSize).toBe('auto 25%')
+      expect(directives('![bg 50% w:100%](i)').backgroundSize).toBe('100% 50%')
+      expect(directives('![bg h:10em 30%](i)').backgroundSize).toBe('30% 10em')
+      expect(directives('![bg 1% w:auto](i)').backgroundSize).toBe('auto 1%')
+
+      // The background keyword are prior to the width and height scale.
+      expect(directives('![bg contain w:50](i)').backgroundSize).toBe('contain')
+      expect(directives('![bg fit h:50](i)').backgroundSize).toBe('contain')
     })
 
     it('ignores invalid scale', () => {
-      expect(directives('![bg %](img)').backgroundSize).not.toBe('%')
-      expect(directives('![bg .%](img)').backgroundSize).not.toBe('.%')
-      expect(directives('![bg 25](img)').backgroundSize).not.toBe('25')
+      expect(directives('![bg %](i)').backgroundSize).not.toBe('%')
+      expect(directives('![bg .%](i)').backgroundSize).not.toBe('.%')
+      expect(directives('![bg 25](i)').backgroundSize).not.toBe('25')
     })
   })
 
@@ -165,14 +177,23 @@ describe('Marpit background image plugin', () => {
     })
 
     it('assigns background-size style with resizing keyword / scale', () => {
-      const $ = $load(mdSVG().render('![bg fit](A) ![bg 50%](B)'))
-      const styleA = $('figure:first-child').attr('style')
-      const styleB = $('figure:last-child').attr('style')
+      const markdown =
+        '![bg fit](A) ![bg 50%](B) ![bg w:40px](C) ![bg 10% h:20%](D)'
+
+      const $ = $load(mdSVG().render(markdown))
+      const styleA = $('figure:nth-of-type(1)').attr('style')
+      const styleB = $('figure:nth-of-type(2)').attr('style')
+      const styleC = $('figure:nth-of-type(3)').attr('style')
+      const styleD = $('figure:nth-of-type(4)').attr('style')
 
       expect(styleA).toContain('background-image:url("A");')
       expect(styleA).toContain('background-size:contain;')
       expect(styleB).toContain('background-image:url("B");')
       expect(styleB).toContain('background-size:50%;')
+      expect(styleC).toContain('background-image:url("C");')
+      expect(styleC).toContain('background-size:40px auto;')
+      expect(styleD).toContain('background-image:url("D");')
+      expect(styleD).toContain('background-size:10% 20%;')
     })
 
     splitBackgroundKeywords.forEach(keyword => {
diff --git a/test/markdown/parse_image.js b/test/markdown/parse_image.js
new file mode 100644
index 00000000..70ed98c0
--- /dev/null
+++ b/test/markdown/parse_image.js
@@ -0,0 +1,61 @@
+import cheerio from 'cheerio'
+import MarkdownIt from 'markdown-it'
+import parseImage from '../../src/markdown/parse_image'
+
+describe('Marpit parse image plugin', () => {
+  const md = (opts = {}) => new MarkdownIt('commonmark').use(parseImage, opts)
+
+  const style = opts => {
+    const $ = cheerio.load(
+      md().render(`![${opts}](https://example.com/example.jpg)`)
+    )
+    return $('img').attr('style')
+  }
+
+  context('with width option', () => {
+    it('renders image width style', () => {
+      // Number & floats
+      expect(style('w:100')).toBe('width:100px;')
+      expect(style('width:23.4')).toBe('width:23.4px;')
+      expect(style('w:.5')).toBe('width:.5px;')
+
+      // CSS units
+      expect(style('w:1ch')).toBe('width:1ch;')
+      expect(style('w:2cm')).toBe('width:2cm;')
+      expect(style('w:3em')).toBe('width:3em;')
+      expect(style('w:4ex')).toBe('width:4ex;')
+      expect(style('w:5in')).toBe('width:5in;')
+      expect(style('w:6mm')).toBe('width:6mm;')
+      expect(style('w:7pc')).toBe('width:7pc;')
+      expect(style('w:8pt')).toBe('width:8pt;')
+      expect(style('w:9px')).toBe('width:9px;')
+
+      // Percentage and not supported keyword in inline image will ignore
+      expect(style('w:100%')).not.toBe('width:100%;')
+      expect(style('w:12.345%')).not.toBe('width:12.345%;')
+      expect(style('w:.678%')).not.toBe('width:.678%;')
+      expect(style('w:unexpected')).not.toBe('width:unexpected;')
+    })
+
+    it('renders image height style', () => {
+      expect(style('h:100')).toBe('height:100px;')
+      expect(style('height:23.4')).toBe('height:23.4px;')
+      expect(style('h:.5')).toBe('height:.5px;')
+
+      expect(style('h:1ch')).toBe('height:1ch;')
+      expect(style('h:2cm')).toBe('height:2cm;')
+      expect(style('h:3em')).toBe('height:3em;')
+      expect(style('h:4ex')).toBe('height:4ex;')
+      expect(style('h:5in')).toBe('height:5in;')
+      expect(style('h:6mm')).toBe('height:6mm;')
+      expect(style('h:7pc')).toBe('height:7pc;')
+      expect(style('h:8pt')).toBe('height:8pt;')
+      expect(style('h:9px')).toBe('height:9px;')
+
+      expect(style('h:100%')).not.toBe('height:100%;')
+      expect(style('h:12.345%')).not.toBe('height:12.345%;')
+      expect(style('h:.678%')).not.toBe('height:.678%;')
+      expect(style('w:unexpected')).not.toBe('width:unexpected;')
+    })
+  })
+})