Fix image sizes (#8251)

Author: anthonydiscord

developers/game-development/how-to-create-a-community-for-your-game.mdx

@@ -7,7 +7,7 @@ import {UserStatusIcon} from '/snippets/icons/UserStatusIcon.jsx'
 import {RobotIcon} from '/snippets/icons/RobotIcon.jsx'
 import {LinkIcon} from '/snippets/icons/LinkIcon.jsx'
 
-<img src="/images/game-development/how-to-create-a-community-for-your-game/banner-how-to-create-a-community-for-your-game.webp" alt="A banner showing pieces of a community Discord server" style={{width: "auto", height: "auto"}} />
+<img src="/images/game-development/how-to-create-a-community-for-your-game/banner-how-to-create-a-community-for-your-game.webp" alt="A banner showing pieces of a community Discord server" style={{width: "100%", height: "auto"}} />
 
 *Note: This guide was published on March 9th 2026 and was last updated on March 9th 2026.* 
 
@@ -45,11 +45,11 @@ Keeping all of this in mind will help you as you build your server and grow your
 
 In order to start building a community you’ll need to start by creating a new Discord server. If you have an existing playtest or development server, you can modify it to become your community, especially if you’ve already got players in there!
 
-<img src="/images/game-development/how-to-create-a-community-for-your-game/create-server.webp" alt="Discord UI for creating a server" style={{width: "auto", height: "400px"}} />
+<img src="/images/game-development/how-to-create-a-community-for-your-game/create-server.webp" alt="Discord UI for creating a server" />
 
 Once the server exists, enable the **Community** feature in Server Settings. For an in-depth guide into requirements and setup of Community Servers check out our [Enabling Your Community Server guide](https://support.discord.com/hc/en-us/articles/360047132851-Enabling-Your-Community-Server).
 
-<img src="/images/game-development/how-to-create-a-community-for-your-game/community-server.webp" alt="Discord server setting to turn a server into a community server" style={{width: "auto", height: "400px"}} />
+<img src="/images/game-development/how-to-create-a-community-for-your-game/community-server.webp" alt="Discord server setting to turn a server into a community server" />
 
  This unlocks a few tools that matter for a game developer:
 
@@ -58,7 +58,7 @@ Once the server exists, enable the **Community** feature in Server Settings. For
 - **Server Discoverability**: With Community enabled, players can find and join your server through Discord's discovery features. This is how your server shows up when players search for your game.
 - **Server Insights**: Once 500 members join, you get detailed engagement and retention data like weekly communicators, what channels are most used, where people are coming from, and much more. [Read more about server insights here](https://support.discord.com/hc/en-us/articles/360032807371-Server-Insights-FAQ).
 
-<img src="/images/game-development/how-to-create-a-community-for-your-game/server-insights.webp" alt="Insights dashboard for a community server" style={{width: "auto", height: "400px"}} />
+<img src="/images/game-development/how-to-create-a-community-for-your-game/server-insights.webp" alt="Insights dashboard for a community server" />
 
 <Tip>
 
@@ -97,7 +97,7 @@ These are two-way discussion spaces where members talk to you and to each other.
 
 Give your channels a topic by right clicking the channel then > Edit Channel > Channel Topic. This topic will display next to the channel’s name when it’s open, reminding players what is appropriate to talk about in that channel.
 
-<img src="/images/game-development/how-to-create-a-community-for-your-game/channel-topic.webp" alt="A server channel with a topic set" style={{width: "auto", height: "auto"}} />
+<img src="/images/game-development/how-to-create-a-community-for-your-game/channel-topic.webp" alt="A server channel with a topic set" />
 
 </Tip>
 
@@ -144,7 +144,7 @@ Everyone that joins your server will have a default `@everyone` role. You don’
 
 With a nitro boosted community server you can get access to custom role icons that make it even easier to spot a developer or moderator at a glance.
 
-<img src="/images/game-development/how-to-create-a-community-for-your-game/role-icon.webp" alt="A moderator with a shield emoji as a role icon" style={{width: "auto", height: "auto"}} />
+<img src="/images/game-development/how-to-create-a-community-for-your-game/role-icon.webp" alt="A moderator with a shield emoji as a role icon" />
 
 </Tip>
 
@@ -194,13 +194,13 @@ Keep your onboarding short. Every additional step is a chance for a new member t
 
 To set up Onboarding, go to Server Settings > Onboarding. [Read more about setting up onboarding here](https://support.discord.com/hc/en-us/articles/11074987197975-Community-Onboarding-FAQ).
 
-<img src="/images/game-development/how-to-create-a-community-for-your-game/server-onboarding-settings.webp" alt="Server onboarding settings for a community server" style={{width: "auto", height: "400px"}} />
+<img src="/images/game-development/how-to-create-a-community-for-your-game/server-onboarding-settings.webp" alt="Server onboarding settings for a community server" />
 
 <Tip>
 
 You can preview what your onboarding looks like to a new player by going to Server Settings > Onboarding and selecting Preview.
 
-<img src="/images/game-development/how-to-create-a-community-for-your-game/server-onboarding-preview.webp" alt="The preview option for community server onboarding" style={{width: "auto", height: "auto"}} />
+<img src="/images/game-development/how-to-create-a-community-for-your-game/server-onboarding-preview.webp" alt="The preview option for community server onboarding" />
 
 </Tip>
 
@@ -264,7 +264,7 @@ Community Invites are powerful server invites that can automatically assign role
 - **Role assignment**: Automatically gives a member one or more roles the moment they accept an invite. You can create these directly in Discord's UI without any code, or generate them programmatically through the API. Either way, the role sticks even after the invite expires and a user can get the roles even if they’re already in your server.
 - **Targeted invites**: Lets you upload a list of specific Discord user IDs. Only those users can see and accept the invite. This lets you control exactly who gets in, rather than anyone with the link.
 
-<img src="/images/community-invite-ui.webp" alt="Creating a community invite with roles" style={{width: "auto", height: "350px"}} />
+<img src="/images/community-invite-ui.webp" alt="Creating a community invite with roles" />
 
 ### What You Can Do With Them
 
@@ -316,7 +316,7 @@ Your Discord link should be as easy to find as your store page link. Anywhere a
 
 If you’ve implemented the Discord Social SDK, your Rich Presence can include a "Join the Community" button visible to all of a player's Discord friends while they’re in your game. This makes every player a passive advocate for your server to their entire social graph.
 
-<img src="/images/game-development/how-to-get-your-game-seen/rich-presence-buttons.webp" alt="Rich Presence with a button to join the community" style={{width: "auto", height: "auto"}} />
+<img src="/images/game-development/how-to-get-your-game-seen/rich-presence-buttons.webp" alt="Rich Presence with a button to join the community" />
 
 <Card title="How Do I Get My Game Seen?" href="/developers/game-development/how-to-get-your-game-seen" icon={<UserStatusIcon />} horizontal>
     Implement Rich Presence with game details, lobby joining, game launching, and store links
@@ -341,7 +341,7 @@ You don't need to run events constantly, one well-run event per month gives your
 
 Click the Events tab at the top of your server and then Create Event. You can set the event in a stage channel, a voice channel, or at an external link if you're streaming somewhere else. Set a start time, title, write a short description, and publish it. Members will see it in the server and can choose to be notified when it begins. Use your `#announcements` channel to broadcast that you created an event and tag relevant roles that might be interested in it for better visibility.
 
-<img src="/images/game-development/how-to-create-a-community-for-your-game/schedule-event.webp" alt="Scheduling an event for a playtest in a server" style={{width: "auto", height: "400px"}} />
+<img src="/images/game-development/how-to-create-a-community-for-your-game/schedule-event.webp" alt="Scheduling an event for a playtest in a server" />
 
 <Tip>
 

developers/game-development/how-to-get-your-game-seen.mdx

@@ -7,7 +7,7 @@ import {InboxIcon} from '/snippets/icons/InboxIcon.jsx'
 import {DoorEnterIcon} from '/snippets/icons/DoorEnterIcon.jsx'
 import {RobotIcon} from '/snippets/icons/RobotIcon.jsx'
 
-<img src="/images/game-development/how-to-get-your-game-seen/banner-how-to-get-your-game-seen.webp" alt="A banner showing rich presence for a fictional game" style={{width: "auto", height: "auto"}} />
+<img src="/images/game-development/how-to-get-your-game-seen/banner-how-to-get-your-game-seen.webp" alt="A banner showing rich presence for a fictional game" style={{width: "100%", height: "auto"}} />
 
 *Note: This guide was published on March 9th 2026 and was last updated on March 9th 2026.* 
 
@@ -17,7 +17,7 @@ When a player has activity sharing enabled, Discord will automatically detect wh
 
 Improving your Rich Presence integration is one of the easiest ways to start getting more value out of Discord. In this article we'll cover everything you need to know to integrate more tightly with Discord and start finding new players.
 
-<img src="/images/game-development/how-to-get-your-game-seen/rich-presence-intro.webp" alt="Rich Presence in a user's profile on Discord" style={{width: "auto", height: "400px"}} />
+<img src="/images/game-development/how-to-get-your-game-seen/rich-presence-intro.webp" alt="Rich Presence in a user's profile on Discord" />
 
 ---
 
@@ -126,7 +126,7 @@ Testing Rich Presence is quick:
 - Return to your game to see authentication was successful
 - Check out your profile in Discord!
 
-<img src="/images/game-development/how-to-get-your-game-seen/rich-presence-basic.webp" alt="Rich Presence with details and state set" style={{width: "auto", height: "auto"}} />
+<img src="/images/game-development/how-to-get-your-game-seen/rich-presence-basic.webp" alt="Rich Presence with details and state set" />
 
 ---
 
@@ -245,7 +245,7 @@ Timers work great for:
 - Showing the length of a speedrun attempt
 - Showing how long a competitive match has been fought in
 
-<img src="/images/game-development/how-to-get-your-game-seen/rich-presence-timestamp-elapsed.webp" alt="Rich Presence with an elapsed time counting up" style={{width: "auto", height: "auto"}} />
+<img src="/images/game-development/how-to-get-your-game-seen/rich-presence-timestamp-elapsed.webp" alt="Rich Presence with an elapsed time counting up" />
 
 ### Countdown Timer (Time Remaining)
 
@@ -284,7 +284,7 @@ Countdown timers work great for:
 - Counting down the time until an event starts
 - Showing tense moments like challenges with a time limit or a boss fight
 
-<img src="/images/game-development/how-to-get-your-game-seen/rich-presence-timestamp-countdown.webp" alt="Rich Presence with a countdown timer counting down" style={{width: "auto", height: "auto"}} />
+<img src="/images/game-development/how-to-get-your-game-seen/rich-presence-timestamp-countdown.webp" alt="Rich Presence with a countdown timer counting down" />
 
 ---
 
@@ -303,7 +303,7 @@ You can upload up to 300 custom assets per application.
 
 </Tip>
 
-<img src="/images/game-development/how-to-get-your-game-seen/portal-rich-presence-assets.webp" alt="The Developer Portal where you upload Rich Presence image assets" style={{width: "auto", height: "auto"}} />
+<img src="/images/game-development/how-to-get-your-game-seen/portal-rich-presence-assets.webp" alt="The Developer Portal where you upload Rich Presence image assets" />
 
 ### Using Assets in Code
 
@@ -350,9 +350,9 @@ Activity->SetAssets(Assets);
 
 </CodeGroup>
 
-<img src="/images/game-development/how-to-get-your-game-seen/rich-presence-images.webp" alt="Rich Presence with images set" style={{width: "auto", height: "auto"}} />
+<img src="/images/game-development/how-to-get-your-game-seen/rich-presence-images.webp" alt="Rich Presence with images set" />
 
-<img src="/images/game-development/how-to-get-your-game-seen/rich-presence-images-tooltip.webp" alt="Rich Presence with images set that have tooltips on hover" style={{width: "auto", height: "auto"}} />
+<img src="/images/game-development/how-to-get-your-game-seen/rich-presence-images-tooltip.webp" alt="Rich Presence with images set that have tooltips on hover" />
 
 ### Using External URLs
 
@@ -547,7 +547,7 @@ Unlike the other Rich Presence fields, you can’t see buttons on your own Rich
 
 </Tip>
 
-<img src="/images/game-development/how-to-get-your-game-seen/rich-presence-buttons.webp" alt="Rich Presence with buttons to a game store and the game's community" style={{width: "auto", height: "auto"}} />
+<img src="/images/game-development/how-to-get-your-game-seen/rich-presence-buttons.webp" alt="Rich Presence with buttons to a game store and the game's community" />
 
 ---
 
@@ -605,7 +605,7 @@ Activity->SetParty(Party);
 
 This displays as "In Lobby (1 of 4)", instantly communicating that this player has created a lobby and 3 more friends can join them.
 
-<img src="/images/game-development/how-to-get-your-game-seen/rich-presence-party.webp" alt="Rich Presence showing the player in a party of 4" style={{width: "auto", height: "auto"}} />
+<img src="/images/game-development/how-to-get-your-game-seen/rich-presence-party.webp" alt="Rich Presence showing the player in a party of 4" />
 
 ### Setting Up Invites
 
@@ -689,7 +689,7 @@ When using invites with Rich Presence the join button will take precedence over
 
 Combining game invites with lobbies in the Social SDK allows players to join their friends both through your game and through Rich Presence in Discord. For multiplayer games this is huge! Your future players are already on Discord and they can now join their friends directly through invites or ask to join friends without even launching the game. For a complete implementation guide of lobbies and invites using the Social SDK see [Managing Game Invites](/developers/discord-social-sdk/development-guides/managing-game-invites) and [Managing Lobbies](/developers/discord-social-sdk/development-guides/managing-lobbies).
 
-<img src="/images/game-development/how-to-get-your-game-seen/rich-presence-invite.webp" alt="Rich Presence with invites enabled showing the join button" style={{width: "auto", height: "auto"}} />
+<img src="/images/game-development/how-to-get-your-game-seen/rich-presence-invite.webp" alt="Rich Presence with invites enabled showing the join button" />
 
 ---
 
@@ -736,4 +736,4 @@ Rich Presence scratches the surface of what the Discord Social SDK can do for yo
     </Card>
 </Columns>
 
-<img src="/images/game-development/how-to-get-your-game-seen/inline-how-to-get-your-game-seen.webp" alt="A banner showing rich presence for a fictional game" style={{width: "auto", height: "auto"}} />
+<img src="/images/game-development/how-to-get-your-game-seen/inline-how-to-get-your-game-seen.webp" alt="A banner showing rich presence for a fictional game" style={{width: "100%", height: "auto"}} />

developers/game-development/how-to-grow-your-game.mdx

@@ -7,7 +7,7 @@ import {ListViewIcon} from '/snippets/icons/ListViewIcon.jsx'
 import {UserStatusIcon} from '/snippets/icons/UserStatusIcon.jsx'
 import {RobotIcon} from '/snippets/icons/RobotIcon.jsx'
 
-<img src="/images/game-development/how-to-grow-your-game/banner-how-to-grow-your-game.webp" alt="A banner showing players chatting about playing a game together" style={{width: "auto", height: "auto"}} />
+<img src="/images/game-development/how-to-grow-your-game/banner-how-to-grow-your-game.webp" alt="A banner showing players chatting about playing a game together" style={{width: "100%", height: "auto"}} />
 
 Building and publishing a game is hard. Getting players to discover, share, and play it is even harder. With dozens of incredibly strong games released each day, some with huge marketing budgets, it's harder than ever to build a player base and keep it strong. That doesn't mean it's impossible to do though, and Discord has a set of tools to help you. 
 
@@ -25,7 +25,7 @@ Using Discord as part of your game development strategy can help build community
 
 ---
 
-<img src="/images/game-development/how-to-create-a-community-for-your-game/banner-how-to-create-a-community-for-your-game.webp" alt="A banner showing pieces of a community Discord server" style={{width: "auto", height: "auto"}} />
+<img src="/images/game-development/how-to-create-a-community-for-your-game/banner-how-to-create-a-community-for-your-game.webp" alt="A banner showing pieces of a community Discord server" style={{width: "100%", height: "auto"}} />
 
 # Build a Community to Capture Your Players
 
@@ -39,7 +39,7 @@ Whether you're just starting on a new game or you've already got a beta up and r
 
 ---
 
-<img src="/images/game-development/how-to-get-your-game-seen/banner-how-to-get-your-game-seen.webp" alt="A banner showing rich presence for a fictional game" style={{width: "auto", height: "auto"}} />
+<img src="/images/game-development/how-to-get-your-game-seen/banner-how-to-get-your-game-seen.webp" alt="A banner showing rich presence for a fictional game" style={{width: "100%", height: "auto"}} />
 
 # Get Your Game Seen With Rich Presence