# Specify extension height and width in pixels

**URL:** <https://discuss.dev.twitch.com/t/specify-extension-height-and-width-in-pixels/17745>\
**Category:** Extensions\
**Created:** [September 18, 2018, 6:09pm UTC](https://discuss.dev.twitch.com/t/specify-extension-height-and-width-in-pixels/17745 "2018-09-18T18:09:59Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![karlerikjonatan](https://avatars.discourse-cdn.com/v4/letter/k/6bbea6/32.png) [@karlerikjonatan](https://discuss.dev.twitch.com/u/karlerikjonatan)\
**Post date:** [September 18, 2018, 6:09pm UTC](https://discuss.dev.twitch.com/t/specify-extension-height-and-width-in-pixels/17745/1 "2018-09-18T18:09:59Z")

</div>

Hi community,

Is possible to specify height and width of an extension in pixels? Or does it always have to be in percentage based on the video aspect ratio?

Thanks

---

<div class="post-metadata">

**Author:** ![Dist](https://d3ovvz0v2ajtpu.cloudfront.net/user_avatar/discuss.dev.twitch.com/dist/32/7192_2.png) [@Dist](https://discuss.dev.twitch.com/u/Dist)\
**Post date:** [September 18, 2018, 7:54pm UTC](https://discuss.dev.twitch.com/t/specify-extension-height-and-width-in-pixels/17745/2 "2018-09-18T19:54:36Z")

</div>

The player can vary in size, so a component has to be based on a % so that it can keep the same relative position and size within the player, providing a consistent experience for both viewer and broadcaster.

---

<div class="post-metadata">

**Author:** ![markmakes](https://d3ovvz0v2ajtpu.cloudfront.net/user_avatar/discuss.dev.twitch.com/markmakes/32/5692_2.png) [@markmakes](https://discuss.dev.twitch.com/u/markmakes)\
**Post date:** [January 22, 2019, 8:27pm UTC](https://discuss.dev.twitch.com/t/specify-extension-height-and-width-in-pixels/17745/3 "2019-01-22T20:27:17Z")

</div>

Is there a default max width and height for the extension though? It looks like I’m locked into a pre-defined box that for some reason has a css transform of .1875

![image](https://d2opxh93rbxzdn.cloudfront.net/original/2X/c/c775f56b6fb32b6d4d60be1e0b3963097e0bc943.png)

---

<div class="post-metadata">

**Author:** ![Navi](https://d3ovvz0v2ajtpu.cloudfront.net/user_avatar/discuss.dev.twitch.com/navi/32/5437_2.png) [@Navi](https://discuss.dev.twitch.com/u/Navi)\
**Post date:** [January 29, 2019, 9:21pm UTC](https://discuss.dev.twitch.com/t/specify-extension-height-and-width-in-pixels/17745/4 "2019-01-29T21:21:31Z")

</div>

Hey there markmakes

Here is a bit of information that you might find useful:

- Overlays are the exact size of the stream.
- Components are up to 50% of the width.
- Panels have a max height of 500px. Though a few pixels are lost around the edge, thus the largest size for a panel is 318 width by 496 height.

From what we can see, it looks like you may have pixel zoom enabled on your dashboard.

Hope this helps!

---

<div class="post-metadata">

**Author:** ![markmakes](https://d3ovvz0v2ajtpu.cloudfront.net/user_avatar/discuss.dev.twitch.com/markmakes/32/5692_2.png) [@markmakes](https://discuss.dev.twitch.com/u/markmakes)\
**Post date:** [January 29, 2019, 9:35pm UTC](https://discuss.dev.twitch.com/t/specify-extension-height-and-width-in-pixels/17745/5 "2019-01-29T21:35:56Z")

</div>

Excellent! Thank you for that thorough explanation. I’ll search through the docs for the pixel zoom enabling. I’m sure it’s there.

---

<div class="post-metadata">

**Author:** ![markmakes](https://d3ovvz0v2ajtpu.cloudfront.net/user_avatar/discuss.dev.twitch.com/markmakes/32/5692_2.png) [@markmakes](https://discuss.dev.twitch.com/u/markmakes)\
**Post date:** [February 1, 2019, 3:16pm UTC](https://discuss.dev.twitch.com/t/specify-extension-height-and-width-in-pixels/17745/6 "2019-02-01T15:16:08Z")

</div>

Sorry, @Navi I can’t find the pixel zoom option anywhere in the dashboard and all the searches I’ve done aren’t yielding anything. Mind showing me where this is?

---

<div class="post-metadata">

**Author:** ![Dist](https://d3ovvz0v2ajtpu.cloudfront.net/user_avatar/discuss.dev.twitch.com/dist/32/7192_2.png) [@Dist](https://discuss.dev.twitch.com/u/Dist)\
**Post date:** [February 1, 2019, 3:48pm UTC](https://discuss.dev.twitch.com/t/specify-extension-height-and-width-in-pixels/17745/7 "2019-02-01T15:48:04Z")

</div>

Select a version of your extension to manage, then go to the ‘Asset Hosting’ tab from the menu on the left. Zoom and Zoom Pixels options are underneath the Component Viewer Path.

Keep in mind CSS zooming is only an option for Component extensions, if you don’t have that type of extension selected then those options wont show as it’s not relevant.

---

<div class="post-metadata">

**Author:** ![markmakes](https://d3ovvz0v2ajtpu.cloudfront.net/user_avatar/discuss.dev.twitch.com/markmakes/32/5692_2.png) [@markmakes](https://discuss.dev.twitch.com/u/markmakes)\
**Post date:** [February 4, 2019, 6:16pm UTC](https://discuss.dev.twitch.com/t/specify-extension-height-and-width-in-pixels/17745/8 "2019-02-04T18:16:56Z")

</div>

PERFECT. Thanks @Dist

---

<div class="post-metadata">

**Author:** ![retro](https://avatars.discourse-cdn.com/v4/letter/r/4491bb/32.png) [@retro](https://discuss.dev.twitch.com/u/retro)\
**Post date:** [June 21, 2019, 4:37pm UTC](https://discuss.dev.twitch.com/t/specify-extension-height-and-width-in-pixels/17745/9 "2019-06-21T16:37:09Z")

</div>

It would nice to have a max with for the components, though

---

<div class="post-metadata">

**Author:** ![BarryCarlyon](https://d3ovvz0v2ajtpu.cloudfront.net/user_avatar/discuss.dev.twitch.com/barrycarlyon/32/253_2.png) [@BarryCarlyon](https://discuss.dev.twitch.com/u/BarryCarlyon)\
**Post date:** [June 21, 2019, 7:42pm UTC](https://discuss.dev.twitch.com/t/specify-extension-height-and-width-in-pixels/17745/10 "2019-06-21T19:42:54Z")

</div>

You necro’ed a old thread again.

Max width for Old style components is 50%

Max width for new style components is covered under

> [@RFC 0012 - Component Extension Redesign](https://discuss.dev.twitch.com/t/rfc-0012-component-extension-redesign/21072):
>
> Update: Please read [the announcement](https://discuss.dev.twitch.com/t/changes-coming-to-component-extensions-and-how-to-update/21201) for these changes in production which includes a guide for updating your existing component Extensions. Summary Twitch is redesigning the component Extension anchor in the video player in order to address usability issues and create a more consistent developer, creator, and viewer experience. We are going to be implementing a design that fixes the location of component Extensions to the side of the player, initializes them in a collapsed state, and only allo…

---

<div class="post-metadata">

**Author:** ![BarryCarlyon](https://d3ovvz0v2ajtpu.cloudfront.net/user_avatar/discuss.dev.twitch.com/barrycarlyon/32/253_2.png) [@BarryCarlyon](https://discuss.dev.twitch.com/u/BarryCarlyon)\
**Post date:** [June 21, 2019, 7:42pm UTC](https://discuss.dev.twitch.com/t/specify-extension-height-and-width-in-pixels/17745/11 "2019-06-21T19:42:56Z")

</div>

Closed on June 21, 2019, 7:42pm UTC


