From f290e57f3de8c5c9f37d1e02f5de7601c6e144b3 Mon Sep 17 00:00:00 2001
From: mq1 <chan-mai@mq1.dev>
Date: Mon, 11 May 2026 15:49:23 +0000
Subject: [PATCH 01/13] =?UTF-8?q?feat(frontend):=20URL=E3=83=97=E3=83=AC?=
 =?UTF-8?q?=E3=83=93=E3=83=A5=E3=83=BC=E3=81=A7summary=5Flarge=5Fimage?=
 =?UTF-8?q?=E5=BD=A2=E5=BC=8F=E3=81=AE=E5=A4=A7=E3=81=8D=E3=81=84=E3=82=AB?=
 =?UTF-8?q?=E3=83=BC=E3=83=89=E8=A1=A8=E7=A4=BA=E3=81=AB=E5=AF=BE=E5=BF=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 CHANGELOG.md                                  |  1 +
 locales/ja-JP.yml                             |  3 ++
 packages/backend/package.json                 |  2 +-
 packages/frontend-embed/package.json          |  2 +-
 packages/frontend/package.json                |  2 +-
 .../frontend/src/components/MkUrlPreview.vue  | 44 +++++++++++++++++--
 .../src/pages/settings/preferences.vue        | 16 +++++--
 packages/frontend/src/preferences/def.ts      |  3 ++
 packages/i18n/src/autogen/locale.ts           | 10 +++++
 pnpm-lock.yaml                                | 34 +++++++++-----
 10 files changed, 96 insertions(+), 21 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 2206c1d80b7..4a43db9be69 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -5,6 +5,7 @@
   - Fluent Emojiや端末ネイティブの絵文字を利用している場合は、最新の絵文字に対応しておらず正しく表示できない可能性があります。絵文字が表示できない場合は、表示に使用する絵文字をTwemojiに切り替えてご利用ください。
 
 ### Client
+- Enhance: リンクプレビューで `twitter:card = summary_large_image` 相当の大きいカード表示に対応。設定で常にコンパクト表示に固定することも可能
 - Enhance: テーマのプレビュー時、リロードせずにもとのテーマに戻せるように
 - Enhance: Fluent Emojiを更新し、Unicode 15+相当の絵文字の表示に対応
 - Fix: テーマエディター使用時に、最初の変更のみ適用される問題を修正
diff --git a/locales/ja-JP.yml b/locales/ja-JP.yml
index b100bae66b5..b5bdd712225 100644
--- a/locales/ja-JP.yml
+++ b/locales/ja-JP.yml
@@ -898,6 +898,9 @@ customCss: "カスタムCSS"
 customCssWarn: "この設定は必ず知識のある方が行ってください。不適切な設定を行うとクライアントが正常に使用できなくなる恐れがあります。"
 global: "グローバル"
 squareAvatars: "アイコンを四角形で表示"
+forceCompactUrlPreview: "URLプレビューを常にコンパクト表示にする"
+_forceCompactUrlPreview:
+  description: "リンク先のカード表示指定に関わらず常に小さいカードで表示するようになります"
 sent: "送信"
 received: "受信"
 searchResult: "検索結果"
diff --git a/packages/backend/package.json b/packages/backend/package.json
index b75d85bf9f1..28b32c5b370 100644
--- a/packages/backend/package.json
+++ b/packages/backend/package.json
@@ -65,7 +65,7 @@
 		"@misskey-dev/emoji-assets": "17.0.3",
 		"@misskey-dev/emoji-data": "17.0.3",
 		"@misskey-dev/sharp-read-bmp": "1.2.0",
-		"@misskey-dev/summaly": "5.3.0",
+		"@misskey-dev/summaly": "5.4.0",
 		"@napi-rs/canvas": "0.1.100",
 		"@nestjs/common": "11.1.19",
 		"@nestjs/core": "11.1.19",
diff --git a/packages/frontend-embed/package.json b/packages/frontend-embed/package.json
index 879894ed440..d314b0f25ed 100644
--- a/packages/frontend-embed/package.json
+++ b/packages/frontend-embed/package.json
@@ -30,7 +30,7 @@
 	},
 	"devDependencies": {
 		"@misskey-dev/emoji-assets": "17.0.3",
-		"@misskey-dev/summaly": "5.3.0",
+		"@misskey-dev/summaly": "5.4.0",
 		"@tabler/icons-webfont": "3.35.0",
 		"@testing-library/vue": "8.1.0",
 		"@types/estree": "1.0.8",
diff --git a/packages/frontend/package.json b/packages/frontend/package.json
index 0d929e9e325..c35c7dd63b3 100644
--- a/packages/frontend/package.json
+++ b/packages/frontend/package.json
@@ -72,7 +72,7 @@
 	},
 	"devDependencies": {
 		"@misskey-dev/emoji-assets": "17.0.3",
-		"@misskey-dev/summaly": "5.3.0",
+		"@misskey-dev/summaly": "5.4.0",
 		"@rollup/plugin-json": "6.1.0",
 		"@rollup/pluginutils": "5.3.0",
 		"@storybook/addon-essentials": "8.6.18",
diff --git a/packages/frontend/src/components/MkUrlPreview.vue b/packages/frontend/src/components/MkUrlPreview.vue
index 48b4d11cd63..2b4cbcb1d79 100644
--- a/packages/frontend/src/components/MkUrlPreview.vue
+++ b/packages/frontend/src/components/MkUrlPreview.vue
@@ -44,8 +44,8 @@ SPDX-License-Identifier: AGPL-3.0-only
 	</div>
 </template>
 <div v-else>
-	<component :is="self ? 'MkA' : 'a'" :class="[$style.link, { [$style.compact]: compact }]" :[attr]="maybeRelativeUrl" rel="nofollow noopener" :target="target" :title="url">
-		<div v-if="thumbnail && !sensitive" :class="$style.thumbnail" :style="prefer.s.dataSaver.urlPreviewThumbnail ? '' : { backgroundImage: `url('${thumbnail}')` }">
+	<component :is="self ? 'MkA' : 'a'" :class="[$style.link, { [$style.compact]: compact, [$style.large]: isLargeImage }]" :[attr]="maybeRelativeUrl" rel="nofollow noopener" :target="target" :title="url">
+		<div v-if="thumbnail && !sensitive" :class="$style.thumbnail" :style="displayThumbnail ? { backgroundImage: `url('${displayThumbnail}')` } : ''">
 		</div>
 		<article :class="$style.body">
 			<header :class="$style.header">
@@ -83,7 +83,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 </template>
 
 <script lang="ts" setup>
-import { defineAsyncComponent, onDeactivated, onUnmounted, ref } from 'vue';
+import { computed, defineAsyncComponent, onDeactivated, onUnmounted, ref } from 'vue';
 import { url as local } from '@@/js/config.js';
 import { versatileLang } from '@@/js/intl-const.js';
 import type { SummalyResult } from '@misskey-dev/summaly';
@@ -118,9 +118,28 @@ const fetching = ref(true);
 const title = ref<string | null>(null);
 const description = ref<string | null>(null);
 const thumbnail = ref<string | null>(null);
+const thumbnailStyle = ref<'summary' | 'summary_large_image' | null>(null);
 const icon = ref<string | null>(null);
 const sitename = ref<string | null>(null);
 const sensitive = ref<boolean>(false);
+const isLargeImage = computed(() =>
+	thumbnail.value !== null &&
+	!sensitive.value &&
+	thumbnailStyle.value === 'summary_large_image' &&
+	!prefer.s.forceCompactUrlPreview,
+);
+const displayThumbnail = computed(() => {
+	if (!thumbnail.value || prefer.s.dataSaver.urlPreviewThumbnail) return null;
+	if (!isLargeImage.value) return thumbnail.value;
+	// large card: preview=1を取り除いて高解像度の画像にする
+	try {
+		const u = new URL(thumbnail.value);
+		u.searchParams.delete('preview');
+		return u.toString();
+	} catch {
+		return thumbnail.value;
+	}
+});
 const player = ref({
 	url: null,
 	width: null,
@@ -175,6 +194,7 @@ window.fetch(`/url?url=${encodeURIComponent(requestUrl.href)}&lang=${versatileLa
 		title.value = info.title;
 		description.value = info.description;
 		thumbnail.value = info.thumbnail;
+		thumbnailStyle.value = info.thumbnailStyle ?? null;
 		icon.value = info.icon;
 		sitename.value = info.sitename;
 		player.value = info.player;
@@ -266,6 +286,24 @@ onUnmounted(() => {
 			}
 		}
 	}
+
+	&.large {
+		> .thumbnail {
+			position: relative;
+			width: 100%;
+			height: auto;
+			aspect-ratio: 16 / 9;
+
+			& + .body {
+				left: 0;
+				width: 100%;
+			}
+		}
+
+		> .body {
+			padding: 16px;
+		}
+	}
 }
 
 .thumbnail {
diff --git a/packages/frontend/src/pages/settings/preferences.vue b/packages/frontend/src/pages/settings/preferences.vue
index 9a169f916d1..733fd72fb50 100644
--- a/packages/frontend/src/pages/settings/preferences.vue
+++ b/packages/frontend/src/pages/settings/preferences.vue
@@ -324,10 +324,19 @@ SPDX-License-Identifier: AGPL-3.0-only
 									</MkSelect>
 								</MkPreferenceContainer>
 							</SearchMarker>
+
+								<SearchMarker :keywords="['urlpreview', 'link', 'preview', 'card', 'large', 'compact']">
+									<MkPreferenceContainer k="forceCompactUrlPreview">
+										<MkSwitch v-model="forceCompactUrlPreview" :disabled="!instance.enableUrlPreview || dataSaver.disableUrlPreview">
+											<template #label><SearchLabel>{{ i18n.ts.forceCompactUrlPreview }}</SearchLabel></template>
+											<template #caption>{{ i18n.ts._forceCompactUrlPreview.description }}</template>
+										</MkSwitch>
+									</MkPreferenceContainer>
+								</SearchMarker>
+							</div>
 						</div>
-					</div>
-				</MkFolder>
-			</SearchMarker>
+					</MkFolder>
+				</SearchMarker>
 
 			<SearchMarker v-slot="slotProps" :keywords="['post', 'form']">
 				<MkFolder :defaultOpen="slotProps.isParentOfTarget">
@@ -936,6 +945,7 @@ const reactionsDisplaySize = prefer.model('reactionsDisplaySize');
 const limitWidthOfReaction = prefer.model('limitWidthOfReaction');
 const squareAvatars = prefer.model('squareAvatars');
 const enableSeasonalScreenEffect = prefer.model('enableSeasonalScreenEffect');
+const forceCompactUrlPreview = prefer.model('forceCompactUrlPreview');
 const showAvatarDecorations = prefer.model('showAvatarDecorations');
 const nsfw = prefer.model('nsfw');
 const emojiStyle = prefer.model('emojiStyle');
diff --git a/packages/frontend/src/preferences/def.ts b/packages/frontend/src/preferences/def.ts
index 09937c9d4ce..80b91668415 100644
--- a/packages/frontend/src/preferences/def.ts
+++ b/packages/frontend/src/preferences/def.ts
@@ -339,6 +339,9 @@ export const PREF_DEF = definePreferences({
 	useGroupedNotifications: {
 		default: true,
 	},
+	forceCompactUrlPreview: {
+		default: false,
+	},
 	dataSaver: {
 		default: {
 			media: false,
diff --git a/packages/i18n/src/autogen/locale.ts b/packages/i18n/src/autogen/locale.ts
index 80f62f78fc2..59b66a49fd4 100644
--- a/packages/i18n/src/autogen/locale.ts
+++ b/packages/i18n/src/autogen/locale.ts
@@ -3604,6 +3604,16 @@ export interface Locale extends ILocale {
      * アイコンを四角形で表示
      */
     "squareAvatars": string;
+    /**
+     * URLプレビューを常にコンパクト表示にする
+     */
+    "forceCompactUrlPreview": string;
+    "_forceCompactUrlPreview": {
+        /**
+         * リンク先のカード表示指定に関わらず常に小さいカードで表示するようになります
+         */
+        "description": string;
+    };
     /**
      * 送信
      */
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index d0735db2149..d8b9fa6db3a 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -127,8 +127,8 @@ importers:
         specifier: 1.2.0
         version: 1.2.0
       '@misskey-dev/summaly':
-        specifier: 5.3.0
-        version: 5.3.0
+        specifier: 5.4.0
+        version: 5.4.0
       '@napi-rs/canvas':
         specifier: 0.1.100
         version: 0.1.100
@@ -769,8 +769,8 @@ importers:
         specifier: 17.0.3
         version: 17.0.3
       '@misskey-dev/summaly':
-        specifier: 5.3.0
-        version: 5.3.0
+        specifier: 5.4.0
+        version: 5.4.0
       '@rollup/plugin-json':
         specifier: 6.1.0
         version: 6.1.0(rollup@4.60.2)
@@ -1071,8 +1071,8 @@ importers:
         specifier: 17.0.3
         version: 17.0.3
       '@misskey-dev/summaly':
-        specifier: 5.3.0
-        version: 5.3.0
+        specifier: 5.4.0
+        version: 5.4.0
       '@tabler/icons-webfont':
         specifier: 3.35.0
         version: 3.35.0
@@ -2586,8 +2586,8 @@ packages:
   '@misskey-dev/sharp-read-bmp@1.2.0':
     resolution: {integrity: sha512-er4pRakXzHYfEgOFAFfQagqDouG+wLm+kwNq1I30oSdIHDa0wM3KjFpfIGQ25Fks4GcmOl1s7Zh6xoQu5dNjTw==}
 
-  '@misskey-dev/summaly@5.3.0':
-    resolution: {integrity: sha512-s3AoGKywk/pNdUtRF/XJGMRDPoFlmcBfk6KxQsdwghQyQeAGDJPw255lMheMMWd00I1pjng14+Yq9yg4V0K4IQ==}
+  '@misskey-dev/summaly@5.4.0':
+    resolution: {integrity: sha512-KB2r2kTEyFjWCE0WLuMolMYhhpVasxUzatUNAoV24ZRgYdbhtifOSAXw3lyjCm5ylVoO0gDhmmWgifsG58aVyQ==}
 
   '@msgpackr-extract/msgpackr-extract-darwin-arm64@3.0.3':
     resolution: {integrity: sha512-QZHtlVgbAdy2zAqNA9Gu1UpIuI8Xvsd1v8ic6B2pZmeFnFcMWiPLfWXh7TVw4eGEZ/C9TH281KwhVoeQUKbyjw==}
@@ -6924,6 +6924,10 @@ packages:
     resolution: {integrity: sha512-Zv/pA+ciVFbCSBBjGfaKUya/CcGmUHzTydLMaTwrUUEM2DIEO3iZvueGxmacvmN50fGpGVKeTXpb2LcYQxeVdg==}
     engines: {node: '>= 10'}
 
+  ipaddr.js@2.4.0:
+    resolution: {integrity: sha512-9VGk3HGanVE6JoZXHiCpnGy5X0jYDnN4EA4lntFPj+1vIWlFhIylq2CrrCOJH9EAhc5CYhq18F2Av2tgoAPsYQ==}
+    engines: {node: '>= 10'}
+
   irregular-plurals@3.5.0:
     resolution: {integrity: sha512-1ANGLZ+Nkv1ptFb2pa8oG8Lem4krflKuX/gINiHJHjJUKaJHk/SXk5x6K3J+39/p0h1RQ2saROclJJ+QLvETCQ==}
     engines: {node: '>=8'}
@@ -10330,6 +10334,9 @@ packages:
   vue-component-type-helpers@3.2.7:
     resolution: {integrity: sha512-+gPp5YGmhfsj1IN+xUo7y0fb4clfnOiiUA39y07yW1VzCRjzVgwLbtmdWlghh7mXrPsEaYc7rrIir/HT6C8vYQ==}
 
+  vue-component-type-helpers@3.2.8:
+    resolution: {integrity: sha512-9689efAXhN/EV86plgkL/XFiJSXhGtWPG6JDboZ+QnjlUWUUQrQ0ILKQtw4iQsuwIwu5k6Aw+JnehDe7161e7A==}
+
   vue-demi@0.14.10:
     resolution: {integrity: sha512-nMZBOwuzabUO0nLgIcc6rycZEebF6eeUfaiQx9+WSk8e29IbLvPU9feI6tqW4kTo3hvoYAJkMh8n8D0fuISphg==}
     engines: {node: '>=12'}
@@ -12041,15 +12048,14 @@ snapshots:
       decode-ico: 0.4.1
       sharp: 0.33.5
 
-  '@misskey-dev/summaly@5.3.0':
+  '@misskey-dev/summaly@5.4.0':
     dependencies:
       chardet: 2.1.1
       cheerio: 1.2.0
       escape-regexp: 0.0.1
       got: 15.0.3
       html-entities: 2.6.0
-      iconv-lite: 0.7.2
-      ipaddr.js: 2.3.0
+      ipaddr.js: 2.4.0
     optionalDependencies:
       fastify: 5.8.5
 
@@ -13755,7 +13761,7 @@ snapshots:
       storybook: 10.3.5(@testing-library/dom@10.4.0)(bufferutil@4.1.0)(prettier@3.8.3)(react-dom@19.2.5(react@19.2.5))(react@19.2.5)(utf-8-validate@6.0.6)
       type-fest: 2.19.0
       vue: 3.5.33(typescript@5.9.3)
-      vue-component-type-helpers: 3.2.7
+      vue-component-type-helpers: 3.2.8
 
   '@stylistic/eslint-plugin@5.5.0(eslint@9.39.4)':
     dependencies:
@@ -17065,6 +17071,8 @@ snapshots:
 
   ipaddr.js@2.3.0: {}
 
+  ipaddr.js@2.4.0: {}
+
   irregular-plurals@3.5.0: {}
 
   is-arguments@1.2.0:
@@ -20690,6 +20698,8 @@ snapshots:
 
   vue-component-type-helpers@3.2.7: {}
 
+  vue-component-type-helpers@3.2.8: {}
+
   vue-demi@0.14.10(vue@3.5.33(typescript@5.9.3)):
     dependencies:
       vue: 3.5.33(typescript@5.9.3)

From b93959cc98b5e4fc07d0ba935f4d74f721a55370 Mon Sep 17 00:00:00 2001
From: mq1 <chan-mai@mq1.dev>
Date: Tue, 12 May 2026 11:08:51 +0000
Subject: [PATCH 02/13] =?UTF-8?q?enhance:=20=E5=9C=A7=E7=B8=AE=E3=81=97?=
 =?UTF-8?q?=E3=81=9F=E7=94=BB=E5=83=8F=E3=82=92=E5=88=A9=E7=94=A8=E3=81=99?=
 =?UTF-8?q?=E3=82=8B=E3=82=88=E3=81=86=E3=81=AB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 fluent-emojis                                             | 1 +
 .../backend/src/server/file/FileServerProxyHandler.ts     | 7 ++++++-
 packages/frontend-shared/js/media-proxy.ts                | 8 ++++++--
 packages/frontend/src/components/MkUrlPreview.vue         | 5 ++++-
 4 files changed, 17 insertions(+), 4 deletions(-)
 create mode 160000 fluent-emojis

diff --git a/fluent-emojis b/fluent-emojis
new file mode 160000
index 00000000000..cae981eb4c5
--- /dev/null
+++ b/fluent-emojis
@@ -0,0 +1 @@
+Subproject commit cae981eb4c5189ea9ea3230e83b876a5068df7d1
diff --git a/packages/backend/src/server/file/FileServerProxyHandler.ts b/packages/backend/src/server/file/FileServerProxyHandler.ts
index 41e8e47ba52..64ac0dc7a5c 100644
--- a/packages/backend/src/server/file/FileServerProxyHandler.ts
+++ b/packages/backend/src/server/file/FileServerProxyHandler.ts
@@ -26,6 +26,7 @@ type ProxyQuery = {
 	static?: string;
 	preview?: string;
 	badge?: string;
+	thumbnail?: string;
 	origin?: string;
 	url?: string;
 };
@@ -131,7 +132,7 @@ export class FileServerProxyHandler {
 	): Promise<IImageStreamable> {
 		const query = request.query;
 
-		const requiresImageConversion = 'emoji' in query || 'avatar' in query || 'static' in query || 'preview' in query || 'badge' in query;
+		const requiresImageConversion = 'emoji' in query || 'avatar' in query || 'static' in query || 'preview' in query || 'badge' in query || 'thumbnail' in query;
 		const isConvertibleImage = isMimeImage(file.mime, 'sharp-convertible-image-with-bmp');
 		if (requiresImageConversion && !isConvertibleImage) {
 			throw new StatusError('Unexpected mime', 404);
@@ -141,6 +142,10 @@ export class FileServerProxyHandler {
 			return this.processEmojiOrAvatar(file, query);
 		}
 
+		if ('thumbnail' in query) {
+			return this.imageProcessingService.convertSharpToWebpStream(await sharpBmp(file.path, file.mime), 1280, 720);
+		}
+
 		if ('static' in query) {
 			return this.imageProcessingService.convertSharpToWebpStream(await sharpBmp(file.path, file.mime), 498, 422);
 		}
diff --git a/packages/frontend-shared/js/media-proxy.ts b/packages/frontend-shared/js/media-proxy.ts
index 2837870c9a6..060d96132d6 100644
--- a/packages/frontend-shared/js/media-proxy.ts
+++ b/packages/frontend-shared/js/media-proxy.ts
@@ -15,7 +15,7 @@ export class MediaProxy {
 		this.url = url;
 	}
 
-	public getProxiedImageUrl(imageUrl: string, type?: 'preview' | 'emoji' | 'avatar', mustOrigin = false, noFallback = false): string {
+	public getProxiedImageUrl(imageUrl: string, type?: 'preview' | 'emoji' | 'avatar' | 'thumbnail', mustOrigin = false, noFallback = false): string {
 		const localProxy = `${this.url}/proxy`;
 		let _imageUrl = imageUrl;
 
@@ -26,11 +26,15 @@ export class MediaProxy {
 
 		return `${mustOrigin ? localProxy : this.serverMetadata.mediaProxy}/${
 			type === 'preview' ? 'preview.webp'
+			: type === 'thumbnail' ? 'thumbnail.webp'
 			: 'image.webp'
 		}?${query({
 			url: _imageUrl,
 			...(!noFallback ? { 'fallback': '1' } : {}),
-			...(type ? { [type]: '1' } : {}),
+			// thumbnail を理解しない外部プロキシでも GIF アニメ解除と縮小がかかるよう static=1 をフォールバックとして併用
+			...(type === 'thumbnail'
+				? { thumbnail: '1', static: '1' }
+				: type ? { [type]: '1' } : {}),
 			...(mustOrigin ? { origin: '1' } : {}),
 		})}`;
 	}
diff --git a/packages/frontend/src/components/MkUrlPreview.vue b/packages/frontend/src/components/MkUrlPreview.vue
index 2b4cbcb1d79..cacdc225def 100644
--- a/packages/frontend/src/components/MkUrlPreview.vue
+++ b/packages/frontend/src/components/MkUrlPreview.vue
@@ -131,10 +131,13 @@ const isLargeImage = computed(() =>
 const displayThumbnail = computed(() => {
 	if (!thumbnail.value || prefer.s.dataSaver.urlPreviewThumbnail) return null;
 	if (!isLargeImage.value) return thumbnail.value;
-	// large card: preview=1を取り除いて高解像度の画像にする
+	// large card: preview=1 を thumbnail=1 (1280x720, GIFアニメ解除) に切り替える
+	// thumbnail を理解しない外部プロキシでも GIF アニメが止まるよう static=1 もフォールバックとして併記
 	try {
 		const u = new URL(thumbnail.value);
 		u.searchParams.delete('preview');
+		u.searchParams.set('thumbnail', '1');
+		u.searchParams.set('static', '1');
 		return u.toString();
 	} catch {
 		return thumbnail.value;

From 5f71f1fafb366020696218ab2a1ea3d4a0943973 Mon Sep 17 00:00:00 2001
From: mq1 <chan-mai@mq1.dev>
Date: Tue, 12 May 2026 11:18:31 +0000
Subject: [PATCH 03/13] =?UTF-8?q?chore:=202=E4=BB=B6=E4=BB=A5=E4=B8=8A?=
 =?UTF-8?q?=E3=81=AE=E3=83=AA=E3=83=B3=E3=82=AF=E3=81=8C=E3=81=82=E3=82=8B?=
 =?UTF-8?q?=E5=A0=B4=E5=90=88=E3=81=AFsummary=E8=A1=A8=E7=A4=BA=E3=82=92?=
 =?UTF-8?q?=E5=BC=B7=E5=88=B6=E3=81=99=E3=82=8B=E3=82=88=E3=81=86=E3=81=AB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/frontend/src/components/MkNote.vue         | 2 +-
 packages/frontend/src/components/MkNoteDetailed.vue | 2 +-
 packages/frontend/src/components/MkUrlPreview.vue   | 5 ++++-
 3 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/packages/frontend/src/components/MkNote.vue b/packages/frontend/src/components/MkNote.vue
index ba68971034d..59d307c60cf 100644
--- a/packages/frontend/src/components/MkNote.vue
+++ b/packages/frontend/src/components/MkNote.vue
@@ -100,7 +100,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 						:class="$style.poll"
 					/>
 					<div v-if="isEnabledUrlPreview">
-						<MkUrlPreview v-for="url in urls" :key="url" :url="url" :compact="true" :detail="false" :class="$style.urlPreview"/>
+						<MkUrlPreview v-for="url in urls" :key="url" :url="url" :compact="true" :detail="false" :forceCompactCard="urls.length >= 2" :class="$style.urlPreview"/>
 					</div>
 					<div v-if="appearNote.renoteId" :class="$style.quote"><MkNoteSimple :note="appearNote?.renote ?? null" :class="$style.quoteNote"/></div>
 					<button v-if="isLong && collapsed" :class="$style.collapsed" class="_button" @click="collapsed = false">
diff --git a/packages/frontend/src/components/MkNoteDetailed.vue b/packages/frontend/src/components/MkNoteDetailed.vue
index 6bd47ebae45..d75c47949b5 100644
--- a/packages/frontend/src/components/MkNoteDetailed.vue
+++ b/packages/frontend/src/components/MkNoteDetailed.vue
@@ -124,7 +124,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 						:class="$style.poll"
 					/>
 					<div v-if="isEnabledUrlPreview">
-						<MkUrlPreview v-for="url in urls" :key="url" :url="url" :compact="true" :detail="true" style="margin-top: 6px;"/>
+						<MkUrlPreview v-for="url in urls" :key="url" :url="url" :compact="true" :detail="true" :forceCompactCard="urls.length >= 2" style="margin-top: 6px;"/>
 					</div>
 					<div v-if="appearNote.renote" :class="$style.quote"><MkNoteSimple :note="appearNote.renote" :class="$style.quoteNote"/></div>
 				</div>
diff --git a/packages/frontend/src/components/MkUrlPreview.vue b/packages/frontend/src/components/MkUrlPreview.vue
index cacdc225def..9814565d50c 100644
--- a/packages/frontend/src/components/MkUrlPreview.vue
+++ b/packages/frontend/src/components/MkUrlPreview.vue
@@ -101,10 +101,12 @@ const props = withDefaults(defineProps<{
 	detail?: boolean;
 	compact?: boolean;
 	showActions?: boolean;
+	forceCompactCard?: boolean;
 }>(), {
 	detail: false,
 	compact: false,
 	showActions: true,
+	forceCompactCard: false,
 });
 
 const MOBILE_THRESHOLD = 500;
@@ -126,7 +128,8 @@ const isLargeImage = computed(() =>
 	thumbnail.value !== null &&
 	!sensitive.value &&
 	thumbnailStyle.value === 'summary_large_image' &&
-	!prefer.s.forceCompactUrlPreview,
+	!prefer.s.forceCompactUrlPreview &&
+	!props.forceCompactCard,
 );
 const displayThumbnail = computed(() => {
 	if (!thumbnail.value || prefer.s.dataSaver.urlPreviewThumbnail) return null;

From 69521265b43d2dc31d15ed05bd0f75ea3d2286ff Mon Sep 17 00:00:00 2001
From: mq1 <chan-mai@mq1.dev>
Date: Tue, 12 May 2026 11:23:43 +0000
Subject: [PATCH 04/13] =?UTF-8?q?fix:=20submoduke=E5=8F=82=E7=85=A7?=
 =?UTF-8?q?=E3=82=92=E5=89=8A=E9=99=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 fluent-emojis | 1 -
 1 file changed, 1 deletion(-)
 delete mode 160000 fluent-emojis

diff --git a/fluent-emojis b/fluent-emojis
deleted file mode 160000
index cae981eb4c5..00000000000
--- a/fluent-emojis
+++ /dev/null
@@ -1 +0,0 @@
-Subproject commit cae981eb4c5189ea9ea3230e83b876a5068df7d1

From b06460d6901cb58bc944e7d5ba25a28df4714033 Mon Sep 17 00:00:00 2001
From: mq1 <chan-mai@mq1.dev>
Date: Tue, 12 May 2026 11:31:50 +0000
Subject: [PATCH 05/13] fix: lint

---
 fluent-emojis                                       | 1 +
 packages/frontend/src/components/MkNote.vue         | 2 +-
 packages/frontend/src/components/MkNoteDetailed.vue | 2 +-
 3 files changed, 3 insertions(+), 2 deletions(-)
 create mode 160000 fluent-emojis

diff --git a/fluent-emojis b/fluent-emojis
new file mode 160000
index 00000000000..cae981eb4c5
--- /dev/null
+++ b/fluent-emojis
@@ -0,0 +1 @@
+Subproject commit cae981eb4c5189ea9ea3230e83b876a5068df7d1
diff --git a/packages/frontend/src/components/MkNote.vue b/packages/frontend/src/components/MkNote.vue
index 59d307c60cf..7d9f3779c6f 100644
--- a/packages/frontend/src/components/MkNote.vue
+++ b/packages/frontend/src/components/MkNote.vue
@@ -100,7 +100,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 						:class="$style.poll"
 					/>
 					<div v-if="isEnabledUrlPreview">
-						<MkUrlPreview v-for="url in urls" :key="url" :url="url" :compact="true" :detail="false" :forceCompactCard="urls.length >= 2" :class="$style.urlPreview"/>
+						<MkUrlPreview v-for="url in urls" :key="url" :url="url" :compact="true" :detail="false" :forceCompactCard="(urls?.length ?? 0) >= 2" :class="$style.urlPreview"/>
 					</div>
 					<div v-if="appearNote.renoteId" :class="$style.quote"><MkNoteSimple :note="appearNote?.renote ?? null" :class="$style.quoteNote"/></div>
 					<button v-if="isLong && collapsed" :class="$style.collapsed" class="_button" @click="collapsed = false">
diff --git a/packages/frontend/src/components/MkNoteDetailed.vue b/packages/frontend/src/components/MkNoteDetailed.vue
index d75c47949b5..91fd965918c 100644
--- a/packages/frontend/src/components/MkNoteDetailed.vue
+++ b/packages/frontend/src/components/MkNoteDetailed.vue
@@ -124,7 +124,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 						:class="$style.poll"
 					/>
 					<div v-if="isEnabledUrlPreview">
-						<MkUrlPreview v-for="url in urls" :key="url" :url="url" :compact="true" :detail="true" :forceCompactCard="urls.length >= 2" style="margin-top: 6px;"/>
+						<MkUrlPreview v-for="url in urls" :key="url" :url="url" :compact="true" :detail="true" :forceCompactCard="(urls?.length ?? 0) >= 2" style="margin-top: 6px;"/>
 					</div>
 					<div v-if="appearNote.renote" :class="$style.quote"><MkNoteSimple :note="appearNote.renote" :class="$style.quoteNote"/></div>
 				</div>

From 156fd1eaa8b6cf3a3dc1f5a674fd7562c2ef0224 Mon Sep 17 00:00:00 2001
From: mq1 <chan-mai@mq1.dev>
Date: Tue, 12 May 2026 11:35:41 +0000
Subject: [PATCH 06/13] =?UTF-8?q?fix:=20submodule=E3=81=8C=E4=BD=95?=
 =?UTF-8?q?=E6=95=85=E3=81=8B=E5=90=AB=E3=81=BE=E3=82=8C=E3=81=A6=E3=81=84?=
 =?UTF-8?q?=E3=81=9F=E3=81=AE=E3=81=A7=E5=89=8A=E9=99=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 fluent-emojis | 1 -
 1 file changed, 1 deletion(-)
 delete mode 160000 fluent-emojis

diff --git a/fluent-emojis b/fluent-emojis
deleted file mode 160000
index cae981eb4c5..00000000000
--- a/fluent-emojis
+++ /dev/null
@@ -1 +0,0 @@
-Subproject commit cae981eb4c5189ea9ea3230e83b876a5068df7d1

From 45cb9b3d827b05cf9b17afbfb6ce0477da358a5a Mon Sep 17 00:00:00 2001
From: mq1 <chan-mai@mq1.dev>
Date: Tue, 12 May 2026 12:23:58 +0000
Subject: [PATCH 07/13] =?UTF-8?q?chore:=20=E5=BC=B7=E5=88=B6summary?=
 =?UTF-8?q?=E8=A1=A8=E7=A4=BA=E3=82=92=E3=83=9B=E3=83=90=E3=83=BC=E3=81=A8?=
 =?UTF-8?q?=E3=83=A1=E3=83=87=E3=82=A3=E3=82=A2=E6=B7=BB=E4=BB=98=E3=83=8E?=
 =?UTF-8?q?=E3=83=BC=E3=83=88=E3=81=AB=E3=82=82=E9=81=A9=E7=94=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/frontend/src/components/MkLink.vue            | 3 +++
 packages/frontend/src/components/MkNote.vue            | 3 ++-
 packages/frontend/src/components/MkNoteDetailed.vue    | 3 ++-
 packages/frontend/src/components/MkUrlPreviewPopup.vue | 3 ++-
 packages/frontend/src/components/global/MkMfm.ts       | 3 +++
 packages/frontend/src/components/global/MkUrl.vue      | 3 +++
 6 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/packages/frontend/src/components/MkLink.vue b/packages/frontend/src/components/MkLink.vue
index 163f172f575..2edd9cc94c1 100644
--- a/packages/frontend/src/components/MkLink.vue
+++ b/packages/frontend/src/components/MkLink.vue
@@ -27,7 +27,9 @@ const props = withDefaults(defineProps<{
 	url: string;
 	rel?: null | string;
 	navigationBehavior?: MkABehavior;
+	forceCompactPreview?: boolean;
 }>(), {
+	forceCompactPreview: false,
 });
 
 const maybeRelativeUrl = maybeMakeRelative(props.url, local);
@@ -45,6 +47,7 @@ if (isEnabledUrlPreview.value) {
 			showing,
 			url: props.url,
 			anchorElement: anchorElement,
+			forceCompactCard: props.forceCompactPreview,
 		}, {
 			closed: () => dispose(),
 		});
diff --git a/packages/frontend/src/components/MkNote.vue b/packages/frontend/src/components/MkNote.vue
index 7d9f3779c6f..60494ee6ea0 100644
--- a/packages/frontend/src/components/MkNote.vue
+++ b/packages/frontend/src/components/MkNote.vue
@@ -76,6 +76,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 							:emojiUrls="appearNote.emojis"
 							:enableEmojiMenu="true"
 							:enableEmojiMenuReaction="true"
+							:forceCompactUrlPreview="(urls?.length ?? 0) >= 2 || (appearNote.files != null && appearNote.files.length > 0)"
 							class="_selectable"
 						/>
 						<div v-if="translating || translation" :class="$style.translation">
@@ -100,7 +101,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 						:class="$style.poll"
 					/>
 					<div v-if="isEnabledUrlPreview">
-						<MkUrlPreview v-for="url in urls" :key="url" :url="url" :compact="true" :detail="false" :forceCompactCard="(urls?.length ?? 0) >= 2" :class="$style.urlPreview"/>
+						<MkUrlPreview v-for="url in urls" :key="url" :url="url" :compact="true" :detail="false" :forceCompactCard="(urls?.length ?? 0) >= 2 || (appearNote.files != null && appearNote.files.length > 0)" :class="$style.urlPreview"/>
 					</div>
 					<div v-if="appearNote.renoteId" :class="$style.quote"><MkNoteSimple :note="appearNote?.renote ?? null" :class="$style.quoteNote"/></div>
 					<button v-if="isLong && collapsed" :class="$style.collapsed" class="_button" @click="collapsed = false">
diff --git a/packages/frontend/src/components/MkNoteDetailed.vue b/packages/frontend/src/components/MkNoteDetailed.vue
index 91fd965918c..449f86d6f40 100644
--- a/packages/frontend/src/components/MkNoteDetailed.vue
+++ b/packages/frontend/src/components/MkNoteDetailed.vue
@@ -100,6 +100,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 						:emojiUrls="appearNote.emojis"
 						:enableEmojiMenu="true"
 						:enableEmojiMenuReaction="true"
+						:forceCompactUrlPreview="(urls?.length ?? 0) >= 2 || (appearNote.files != null && appearNote.files.length > 0)"
 						class="_selectable"
 					/>
 					<a v-if="appearNote.renote != null" :class="$style.rn">RN:</a>
@@ -124,7 +125,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 						:class="$style.poll"
 					/>
 					<div v-if="isEnabledUrlPreview">
-						<MkUrlPreview v-for="url in urls" :key="url" :url="url" :compact="true" :detail="true" :forceCompactCard="(urls?.length ?? 0) >= 2" style="margin-top: 6px;"/>
+						<MkUrlPreview v-for="url in urls" :key="url" :url="url" :compact="true" :detail="true" :forceCompactCard="(urls?.length ?? 0) >= 2 || (appearNote.files != null && appearNote.files.length > 0)" style="margin-top: 6px;"/>
 					</div>
 					<div v-if="appearNote.renote" :class="$style.quote"><MkNoteSimple :note="appearNote.renote" :class="$style.quoteNote"/></div>
 				</div>
diff --git a/packages/frontend/src/components/MkUrlPreviewPopup.vue b/packages/frontend/src/components/MkUrlPreviewPopup.vue
index 09558b03190..9c2fbe63861 100644
--- a/packages/frontend/src/components/MkUrlPreviewPopup.vue
+++ b/packages/frontend/src/components/MkUrlPreviewPopup.vue
@@ -6,7 +6,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 <template>
 <div :class="$style.root" :style="{ zIndex, top: top + 'px', left: left + 'px' }">
 	<Transition :name="prefer.s.animation ? '_transition_zoom' : ''" @afterLeave="emit('closed')">
-		<MkUrlPreview v-if="showing" class="_popup _shadow" :url="url" :showActions="false"/>
+		<MkUrlPreview v-if="showing" class="_popup _shadow" :url="url" :showActions="false" :forceCompactCard="forceCompactCard"/>
 	</Transition>
 </div>
 </template>
@@ -21,6 +21,7 @@ const props = defineProps<{
 	showing: boolean;
 	url: string;
 	anchorElement: HTMLElement;
+	forceCompactCard?: boolean;
 }>();
 
 const emit = defineEmits<{
diff --git a/packages/frontend/src/components/global/MkMfm.ts b/packages/frontend/src/components/global/MkMfm.ts
index 706ea074170..544d3e0361d 100644
--- a/packages/frontend/src/components/global/MkMfm.ts
+++ b/packages/frontend/src/components/global/MkMfm.ts
@@ -51,6 +51,7 @@ type MfmProps = {
 	enableEmojiMenu?: boolean;
 	enableEmojiMenuReaction?: boolean;
 	linkNavigationBehavior?: MkABehavior;
+	forceCompactUrlPreview?: boolean;
 };
 
 type MfmEvents = {
@@ -354,6 +355,7 @@ export default function (props: MfmProps, { emit }: { emit: SetupContext<MfmEven
 					url: token.props.url,
 					rel: 'nofollow noopener',
 					navigationBehavior: props.linkNavigationBehavior,
+					forceCompactPreview: props.forceCompactUrlPreview,
 				})];
 			}
 
@@ -363,6 +365,7 @@ export default function (props: MfmProps, { emit }: { emit: SetupContext<MfmEven
 					url: token.props.url,
 					rel: 'nofollow noopener',
 					navigationBehavior: props.linkNavigationBehavior,
+					forceCompactPreview: props.forceCompactUrlPreview,
 				}, { default: () => genEl(token.children, scale, true) })];
 			}
 
diff --git a/packages/frontend/src/components/global/MkUrl.vue b/packages/frontend/src/components/global/MkUrl.vue
index 159af6f11e2..a34bceb433a 100644
--- a/packages/frontend/src/components/global/MkUrl.vue
+++ b/packages/frontend/src/components/global/MkUrl.vue
@@ -47,8 +47,10 @@ const props = withDefaults(defineProps<{
 	rel?: string;
 	showUrlPreview?: boolean;
 	navigationBehavior?: MkABehavior;
+	forceCompactPreview?: boolean;
 }>(), {
 	showUrlPreview: true,
+	forceCompactPreview: false,
 });
 
 const maybeRelativeUrl = maybeMakeRelative(props.url, local);
@@ -63,6 +65,7 @@ if (props.showUrlPreview && isEnabledUrlPreview.value) {
 			showing,
 			url: props.url,
 			anchorElement: el.value instanceof HTMLElement ? el.value : el.value?.$el,
+			forceCompactCard: props.forceCompactPreview,
 		}, {
 			closed: () => dispose(),
 		});

From defaf2d2bbed86530a7b448d0503b7a151509573 Mon Sep 17 00:00:00 2001
From: mq1 <chan-mai@mq1.dev>
Date: Tue, 12 May 2026 12:28:58 +0000
Subject: [PATCH 08/13] =?UTF-8?q?chore:=20DM=E3=82=82=E5=AF=BE=E8=B1=A1?=
 =?UTF-8?q?=E3=81=AB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/frontend/src/pages/chat/XMessage.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/frontend/src/pages/chat/XMessage.vue b/packages/frontend/src/pages/chat/XMessage.vue
index f759e45e48b..6a847be9374 100644
--- a/packages/frontend/src/pages/chat/XMessage.vue
+++ b/packages/frontend/src/pages/chat/XMessage.vue
@@ -21,7 +21,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 			/>
 			<MkMediaList v-if="message.file" :mediaList="[message.file]"/>
 		</MkFukidashi>
-		<MkUrlPreview v-for="url in urls" :key="url" :url="url" style="margin: 8px 0;"/>
+		<MkUrlPreview v-for="url in urls" :key="url" :url="url" :forceCompactCard="urls.length >= 2 || message.file != null" style="margin: 8px 0;"/>
 		<div :class="$style.footer">
 			<button class="_textButton" style="color: currentColor;" @click="showMenu"><i class="ti ti-dots-circle-horizontal"></i></button>
 			<MkTime :class="$style.time" :time="message.createdAt"/>

From 7e08d4f43d40843863388407999d907cd192cacb Mon Sep 17 00:00:00 2001
From: kakkokari-gtyih <67428053+kakkokari-gtyih@users.noreply.github.com>
Date: Wed, 13 May 2026 10:08:07 +0900
Subject: [PATCH 09/13] :art:

---
 locales/ja-JP.yml                                      | 2 --
 packages/frontend/src/components/MkLink.vue            | 8 ++------
 packages/frontend/src/components/MkNote.vue            | 1 -
 packages/frontend/src/components/MkNoteDetailed.vue    | 1 -
 packages/frontend/src/components/MkUrlPreview.vue      | 4 ++--
 packages/frontend/src/components/MkUrlPreviewPopup.vue | 3 +--
 packages/frontend/src/components/global/MkMfm.ts       | 3 ---
 packages/frontend/src/components/global/MkUrl.vue      | 3 ---
 packages/frontend/src/pages/settings/preferences.vue   | 2 +-
 packages/i18n/src/autogen/locale.ts                    | 6 ------
 10 files changed, 6 insertions(+), 27 deletions(-)

diff --git a/locales/ja-JP.yml b/locales/ja-JP.yml
index b5bdd712225..1e5485f1549 100644
--- a/locales/ja-JP.yml
+++ b/locales/ja-JP.yml
@@ -899,8 +899,6 @@ customCssWarn: "この設定は必ず知識のある方が行ってください
 global: "グローバル"
 squareAvatars: "アイコンを四角形で表示"
 forceCompactUrlPreview: "URLプレビューを常にコンパクト表示にする"
-_forceCompactUrlPreview:
-  description: "リンク先のカード表示指定に関わらず常に小さいカードで表示するようになります"
 sent: "送信"
 received: "受信"
 searchResult: "検索結果"
diff --git a/packages/frontend/src/components/MkLink.vue b/packages/frontend/src/components/MkLink.vue
index 2edd9cc94c1..5e8ca1be32e 100644
--- a/packages/frontend/src/components/MkLink.vue
+++ b/packages/frontend/src/components/MkLink.vue
@@ -23,14 +23,11 @@ import { useTooltip } from '@/composables/use-tooltip.js';
 import * as os from '@/os.js';
 import { isEnabledUrlPreview } from '@/utility/url-preview.js';
 
-const props = withDefaults(defineProps<{
+const props = defineProps<{
 	url: string;
 	rel?: null | string;
 	navigationBehavior?: MkABehavior;
-	forceCompactPreview?: boolean;
-}>(), {
-	forceCompactPreview: false,
-});
+}>();
 
 const maybeRelativeUrl = maybeMakeRelative(props.url, local);
 const self = maybeRelativeUrl !== props.url;
@@ -47,7 +44,6 @@ if (isEnabledUrlPreview.value) {
 			showing,
 			url: props.url,
 			anchorElement: anchorElement,
-			forceCompactCard: props.forceCompactPreview,
 		}, {
 			closed: () => dispose(),
 		});
diff --git a/packages/frontend/src/components/MkNote.vue b/packages/frontend/src/components/MkNote.vue
index 60494ee6ea0..64533a358f9 100644
--- a/packages/frontend/src/components/MkNote.vue
+++ b/packages/frontend/src/components/MkNote.vue
@@ -76,7 +76,6 @@ SPDX-License-Identifier: AGPL-3.0-only
 							:emojiUrls="appearNote.emojis"
 							:enableEmojiMenu="true"
 							:enableEmojiMenuReaction="true"
-							:forceCompactUrlPreview="(urls?.length ?? 0) >= 2 || (appearNote.files != null && appearNote.files.length > 0)"
 							class="_selectable"
 						/>
 						<div v-if="translating || translation" :class="$style.translation">
diff --git a/packages/frontend/src/components/MkNoteDetailed.vue b/packages/frontend/src/components/MkNoteDetailed.vue
index 449f86d6f40..7e7cac53947 100644
--- a/packages/frontend/src/components/MkNoteDetailed.vue
+++ b/packages/frontend/src/components/MkNoteDetailed.vue
@@ -100,7 +100,6 @@ SPDX-License-Identifier: AGPL-3.0-only
 						:emojiUrls="appearNote.emojis"
 						:enableEmojiMenu="true"
 						:enableEmojiMenuReaction="true"
-						:forceCompactUrlPreview="(urls?.length ?? 0) >= 2 || (appearNote.files != null && appearNote.files.length > 0)"
 						class="_selectable"
 					/>
 					<a v-if="appearNote.renote != null" :class="$style.rn">RN:</a>
diff --git a/packages/frontend/src/components/MkUrlPreview.vue b/packages/frontend/src/components/MkUrlPreview.vue
index 9814565d50c..6dc98539275 100644
--- a/packages/frontend/src/components/MkUrlPreview.vue
+++ b/packages/frontend/src/components/MkUrlPreview.vue
@@ -120,7 +120,7 @@ const fetching = ref(true);
 const title = ref<string | null>(null);
 const description = ref<string | null>(null);
 const thumbnail = ref<string | null>(null);
-const thumbnailStyle = ref<'summary' | 'summary_large_image' | null>(null);
+const thumbnailStyle = ref<SummalyResult['thumbnailStyle']>(null);
 const icon = ref<string | null>(null);
 const sitename = ref<string | null>(null);
 const sensitive = ref<boolean>(false);
@@ -298,7 +298,7 @@ onUnmounted(() => {
 			position: relative;
 			width: 100%;
 			height: auto;
-			aspect-ratio: 16 / 9;
+			aspect-ratio: 1.91;
 
 			& + .body {
 				left: 0;
diff --git a/packages/frontend/src/components/MkUrlPreviewPopup.vue b/packages/frontend/src/components/MkUrlPreviewPopup.vue
index 9c2fbe63861..3b9466bc9bd 100644
--- a/packages/frontend/src/components/MkUrlPreviewPopup.vue
+++ b/packages/frontend/src/components/MkUrlPreviewPopup.vue
@@ -6,7 +6,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 <template>
 <div :class="$style.root" :style="{ zIndex, top: top + 'px', left: left + 'px' }">
 	<Transition :name="prefer.s.animation ? '_transition_zoom' : ''" @afterLeave="emit('closed')">
-		<MkUrlPreview v-if="showing" class="_popup _shadow" :url="url" :showActions="false" :forceCompactCard="forceCompactCard"/>
+		<MkUrlPreview v-if="showing" class="_popup _shadow" :url="url" :showActions="false" forceCompactCard/>
 	</Transition>
 </div>
 </template>
@@ -21,7 +21,6 @@ const props = defineProps<{
 	showing: boolean;
 	url: string;
 	anchorElement: HTMLElement;
-	forceCompactCard?: boolean;
 }>();
 
 const emit = defineEmits<{
diff --git a/packages/frontend/src/components/global/MkMfm.ts b/packages/frontend/src/components/global/MkMfm.ts
index 544d3e0361d..706ea074170 100644
--- a/packages/frontend/src/components/global/MkMfm.ts
+++ b/packages/frontend/src/components/global/MkMfm.ts
@@ -51,7 +51,6 @@ type MfmProps = {
 	enableEmojiMenu?: boolean;
 	enableEmojiMenuReaction?: boolean;
 	linkNavigationBehavior?: MkABehavior;
-	forceCompactUrlPreview?: boolean;
 };
 
 type MfmEvents = {
@@ -355,7 +354,6 @@ export default function (props: MfmProps, { emit }: { emit: SetupContext<MfmEven
 					url: token.props.url,
 					rel: 'nofollow noopener',
 					navigationBehavior: props.linkNavigationBehavior,
-					forceCompactPreview: props.forceCompactUrlPreview,
 				})];
 			}
 
@@ -365,7 +363,6 @@ export default function (props: MfmProps, { emit }: { emit: SetupContext<MfmEven
 					url: token.props.url,
 					rel: 'nofollow noopener',
 					navigationBehavior: props.linkNavigationBehavior,
-					forceCompactPreview: props.forceCompactUrlPreview,
 				}, { default: () => genEl(token.children, scale, true) })];
 			}
 
diff --git a/packages/frontend/src/components/global/MkUrl.vue b/packages/frontend/src/components/global/MkUrl.vue
index a34bceb433a..159af6f11e2 100644
--- a/packages/frontend/src/components/global/MkUrl.vue
+++ b/packages/frontend/src/components/global/MkUrl.vue
@@ -47,10 +47,8 @@ const props = withDefaults(defineProps<{
 	rel?: string;
 	showUrlPreview?: boolean;
 	navigationBehavior?: MkABehavior;
-	forceCompactPreview?: boolean;
 }>(), {
 	showUrlPreview: true,
-	forceCompactPreview: false,
 });
 
 const maybeRelativeUrl = maybeMakeRelative(props.url, local);
@@ -65,7 +63,6 @@ if (props.showUrlPreview && isEnabledUrlPreview.value) {
 			showing,
 			url: props.url,
 			anchorElement: el.value instanceof HTMLElement ? el.value : el.value?.$el,
-			forceCompactCard: props.forceCompactPreview,
 		}, {
 			closed: () => dispose(),
 		});
diff --git a/packages/frontend/src/pages/settings/preferences.vue b/packages/frontend/src/pages/settings/preferences.vue
index 733fd72fb50..e82c0a84b83 100644
--- a/packages/frontend/src/pages/settings/preferences.vue
+++ b/packages/frontend/src/pages/settings/preferences.vue
@@ -329,7 +329,6 @@ SPDX-License-Identifier: AGPL-3.0-only
 									<MkPreferenceContainer k="forceCompactUrlPreview">
 										<MkSwitch v-model="forceCompactUrlPreview" :disabled="!instance.enableUrlPreview || dataSaver.disableUrlPreview">
 											<template #label><SearchLabel>{{ i18n.ts.forceCompactUrlPreview }}</SearchLabel></template>
-											<template #caption>{{ i18n.ts._forceCompactUrlPreview.description }}</template>
 										</MkSwitch>
 									</MkPreferenceContainer>
 								</SearchMarker>
@@ -1008,6 +1007,7 @@ watch([
 	limitWidthOfReaction,
 	instanceTicker,
 	squareAvatars,
+	forceCompactUrlPreview,
 	highlightSensitiveMedia,
 	enableSeasonalScreenEffect,
 	chatShowSenderName,
diff --git a/packages/i18n/src/autogen/locale.ts b/packages/i18n/src/autogen/locale.ts
index 59b66a49fd4..51c2e99a8a9 100644
--- a/packages/i18n/src/autogen/locale.ts
+++ b/packages/i18n/src/autogen/locale.ts
@@ -3608,12 +3608,6 @@ export interface Locale extends ILocale {
      * URLプレビューを常にコンパクト表示にする
      */
     "forceCompactUrlPreview": string;
-    "_forceCompactUrlPreview": {
-        /**
-         * リンク先のカード表示指定に関わらず常に小さいカードで表示するようになります
-         */
-        "description": string;
-    };
     /**
      * 送信
      */

From 1f74b4b87d1f3270b1045bc0daada949fe3971bb Mon Sep 17 00:00:00 2001
From: kakkokari-gtyih <67428053+kakkokari-gtyih@users.noreply.github.com>
Date: Wed, 13 May 2026 10:16:51 +0900
Subject: [PATCH 10/13] =?UTF-8?q?player=E3=81=AE=E5=A0=B4=E5=90=88?=
 =?UTF-8?q?=E3=81=AF=E5=BC=B7=E5=88=B6=E7=9A=84=E3=81=AB=E7=B8=AE=E5=B0=8F?=
 =?UTF-8?q?=E8=A1=A8=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/frontend/src/components/MkUrlPreview.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/packages/frontend/src/components/MkUrlPreview.vue b/packages/frontend/src/components/MkUrlPreview.vue
index 6dc98539275..632e0295996 100644
--- a/packages/frontend/src/components/MkUrlPreview.vue
+++ b/packages/frontend/src/components/MkUrlPreview.vue
@@ -125,7 +125,9 @@ const icon = ref<string | null>(null);
 const sitename = ref<string | null>(null);
 const sensitive = ref<boolean>(false);
 const isLargeImage = computed(() =>
-	thumbnail.value !== null &&
+	thumbnail.value != null &&
+	player.value.url == null &&
+	tweetId.value == null &&
 	!sensitive.value &&
 	thumbnailStyle.value === 'summary_large_image' &&
 	!prefer.s.forceCompactUrlPreview &&

From 71b4aa7a5d5cda8f1775d7ce7636f806f347c5e4 Mon Sep 17 00:00:00 2001
From: kakkokari-gtyih <67428053+kakkokari-gtyih@users.noreply.github.com>
Date: Sat, 23 May 2026 16:26:58 +0900
Subject: [PATCH 11/13] Update Changelog

---
 CHANGELOG.md | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index e24dee8293c..1849ea26cad 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -2,6 +2,9 @@
 
 ### General
 - Feat: ジョブキュー管理画面からキューの一時停止/再開ができるように
+- Enhance: リンクプレビューで大きいカード表示に対応
+	- `twitter:card = summary_large_image` が設定されているサイトの場合、リンクカードを拡大して表示します（メディアの添付もあるなどの条件によっては拡大表示をしない場合があります）
+	- ユーザー側で無効化することも可能です
 
 ### Client
 -
@@ -39,7 +42,6 @@
 - 依存関係の更新
 
 ### Client
-- Enhance: リンクプレビューで `twitter:card = summary_large_image` 相当の大きいカード表示に対応。設定で常にコンパクト表示に固定することも可能
 - Enhance: テーマのプレビュー時、リロードせずにもとのテーマに戻せるように
 - Enhance: Fluent Emojiを更新し、Unicode 15+相当の絵文字の表示に対応
 - Fix: テーマエディター使用時に、最初の変更のみ適用される問題を修正

From 3f3c3600bbd78df1578fefbd540e22822c40c238 Mon Sep 17 00:00:00 2001
From: kakkokari-gtyih <67428053+kakkokari-gtyih@users.noreply.github.com>
Date: Sat, 23 May 2026 16:39:34 +0900
Subject: [PATCH 12/13] :art:

---
 packages/frontend/src/components/MkUrlPreview.vue | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/packages/frontend/src/components/MkUrlPreview.vue b/packages/frontend/src/components/MkUrlPreview.vue
index 632e0295996..90d46da310c 100644
--- a/packages/frontend/src/components/MkUrlPreview.vue
+++ b/packages/frontend/src/components/MkUrlPreview.vue
@@ -4,7 +4,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 -->
 
 <template>
-<template v-if="player.url && playerEnabled">
+<div v-if="player.url && playerEnabled">
 	<div
 		:class="$style.player"
 		:style="player.width ? `padding: ${(player.height || 0) / player.width * 100}% 0 0` : `padding: ${(player.height || 0)}px 0 0`"
@@ -25,8 +25,8 @@ SPDX-License-Identifier: AGPL-3.0-only
 			<i class="ti ti-x"></i> {{ i18n.ts.disablePlayer }}
 		</MkButton>
 	</div>
-</template>
-<template v-else-if="tweetId && tweetExpanded">
+</div>
+<div v-else-if="tweetId && tweetExpanded">
 	<div ref="twitter">
 		<iframe
 			ref="tweet"
@@ -42,7 +42,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 			<i class="ti ti-x"></i> {{ i18n.ts.close }}
 		</MkButton>
 	</div>
-</template>
+</div>
 <div v-else>
 	<component :is="self ? 'MkA' : 'a'" :class="[$style.link, { [$style.compact]: compact, [$style.large]: isLargeImage }]" :[attr]="maybeRelativeUrl" rel="nofollow noopener" :target="target" :title="url">
 		<div v-if="thumbnail && !sensitive" :class="$style.thumbnail" :style="displayThumbnail ? { backgroundImage: `url('${displayThumbnail}')` } : ''">
@@ -126,7 +126,6 @@ const sitename = ref<string | null>(null);
 const sensitive = ref<boolean>(false);
 const isLargeImage = computed(() =>
 	thumbnail.value != null &&
-	player.value.url == null &&
 	tweetId.value == null &&
 	!sensitive.value &&
 	thumbnailStyle.value === 'summary_large_image' &&

From d39f667e6c144c9ca7025bc0750b5931740f87fb Mon Sep 17 00:00:00 2001
From: kakkokari-gtyih <67428053+kakkokari-gtyih@users.noreply.github.com>
Date: Sat, 23 May 2026 16:48:34 +0900
Subject: [PATCH 13/13] fix indent

---
 .../src/pages/settings/preferences.vue        | 20 +++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/packages/frontend/src/pages/settings/preferences.vue b/packages/frontend/src/pages/settings/preferences.vue
index e82c0a84b83..e247c1b03ff 100644
--- a/packages/frontend/src/pages/settings/preferences.vue
+++ b/packages/frontend/src/pages/settings/preferences.vue
@@ -325,17 +325,17 @@ SPDX-License-Identifier: AGPL-3.0-only
 								</MkPreferenceContainer>
 							</SearchMarker>
 
-								<SearchMarker :keywords="['urlpreview', 'link', 'preview', 'card', 'large', 'compact']">
-									<MkPreferenceContainer k="forceCompactUrlPreview">
-										<MkSwitch v-model="forceCompactUrlPreview" :disabled="!instance.enableUrlPreview || dataSaver.disableUrlPreview">
-											<template #label><SearchLabel>{{ i18n.ts.forceCompactUrlPreview }}</SearchLabel></template>
-										</MkSwitch>
-									</MkPreferenceContainer>
-								</SearchMarker>
-							</div>
+							<SearchMarker :keywords="['urlpreview', 'link', 'preview', 'card', 'large', 'compact']">
+								<MkPreferenceContainer k="forceCompactUrlPreview">
+									<MkSwitch v-model="forceCompactUrlPreview" :disabled="!instance.enableUrlPreview || dataSaver.disableUrlPreview">
+										<template #label><SearchLabel>{{ i18n.ts.forceCompactUrlPreview }}</SearchLabel></template>
+									</MkSwitch>
+								</MkPreferenceContainer>
+							</SearchMarker>
 						</div>
-					</MkFolder>
-				</SearchMarker>
+					</div>
+				</MkFolder>
+			</SearchMarker>
 
 			<SearchMarker v-slot="slotProps" :keywords="['post', 'form']">
 				<MkFolder :defaultOpen="slotProps.isParentOfTarget">