アクセスした Web サイトに没頭するのが好きな場合は、iPhone、iPad、Macの^(Mac)Safari を^(Safari)使用するだけで簡単にこれを行うことができます。Web サイトの色付けを使用すると、アクセスしている Web サイトの色が画面またはウィンドウの一部に表示されるようになります。

ウェブサイトのティントとは具体的に何ですか? どうやってオンまたはオフにするのですか？AppleデバイスのSafariで Web サイトの色付けを使用するかどうかを決定できるように、これらの質問に答えます。

Safari Web サイトの色付けとは何ですか?

iOS 15、iPadOS 15、macOS Monterey^(Monterey)のリリースに伴い、Apple は^(Apple)Safariブラウザーに Web サイトの色付け機能を導入しました。この機能を有効にしてSafari^(Safari)でサイトにアクセスすると、デバイスに応じて、画面またはウィンドウの上部に Web ページの配色が表示されます。

iPhone では、Wi-Fi を含むステータス バーが上部に表示され、バッテリー インジケーターが Safari Web^(Safari)サイトに合わせて変化します。以下のスクリーンショットは、同じサイトで Web サイトの色付けが左側で有効になっており、右側で無効になっている様子を示しています。

注: iPhone で単一タブ^{(Single Tab)}レイアウトを使用している場合は、以下に示すように、Web ページを下にスクロールするまで上部バーの変化に気づきません。

iPad とMacでは、この機能は同様に動作しますが、コンパクト^(Compact)タブ レイアウトに限定されます。たとえば、以下の iPad のスクリーンショットでは、最初の画像では Web サイトの色合いがオンになっており、2 番目の画像ではオフになっていることがわかります。

Macでは、下の最初の画像で Web サイトの色合いを確認することもできます。また、同じ Web サイトが色合いを無効にした場合の 2 番目の画像でどのように見えるかを確認できます。

Web サイトの色付けは、 ^(Website)Safariを使用する際のブラウジング エクスペリエンスを向上させることを目的としています。iPhone のステータス バーに一致する色とトーンが表示されるだけでなく、Safariツールバー、ナビゲーション ボタン、アドレス バーも iPad とMacのテーマに一致します。

これは魅力的な機能であるだけでなく、便利な機能であると思われるかもしれません。たとえば、iPad やMacで多数のタブを開いている場合、どのタブを使用しているかを簡単に見つけることができます。

この種のエクスペリエンスはすべての人に適しているわけではないため、Apple は^(Apple)これをオプションにしました。したがって、デバイス上でオンまたはオフにすることができます。これにより、たとえばiPhone では使用できるようになりますが、 Macでは使用できなくなります。^(Mac)

iPhone で ウェブサイトの色合いを^{(Website Tinting)}オンまたはオフに^(Off)する方法

iPhone の Safari^{(Safari on iPhone)}で Web サイトの色合いを制御するには、次の簡単な手順に従います。

1. 設定^(Settings)アプリを開き、Safariを選択します。
2. 「タブ」セクションに移動します。
3. [Web サイトの色付けを許可^{(Allow Website Tinting)}] のトグルを使用して、オン (緑色) またはオフ (灰色) にします。

Safariに戻ると、すぐに変更が表示されます。アプリを閉じて再度開く必要はありません。

iPad で ウェブサイトの色合いを^{(Website Tinting)}オンまたはオフに^(Off)する方法

iPad の Safariで Web サイトの色合いを制御するには、代わりに次の手順に従ってください。

1. 設定^(Settings)アプリを開き、Safariを選択します。
2. 「アクセシビリティ」セクションに移動します。
3. [コンパクト タブ バー^{(Compact Tab Bar)}にカラーを表示]^{(Show Color)}のトグルを使用して、オン (緑色) またはオフ (灰色) にします。

1. Web サイトの色合いを有効にする場合は、同じ画面の[タブ]^(Tabs)セクションで[コンパクト タブ バー]を選択します。^{(Compact Tab Bar)}この機能はそのタブ レイアウトでのみ機能することに注意してください^(Remember)。

Safariに戻ると、変更がすぐに表示されます。

MacでWeb サイトの色合いを^{(Website Tinting)}オンまたはオフに^(Off)する方法

おそらくご想像のとおり、Mac の Safari^{(Safari on Mac)}でも Web サイトの色合いを簡単に有効または無効にすることができます。

1. Safariを開き、メニュー バーで Safari > Settings
2. 「詳細設定」タブに移動します。
3. [アクセシビリティ]^{(Accessibility)}セクションで、[コンパクト タブ バーに色を表示]^(Show)チェックボックスをオンにします。

1. iPad と同様に、Web サイトの色合いを確認するには、必ずコンパクトレイアウトを使用してください。^(Compact)[タブ]^(Tabs)タブに移動し、 [タブレイアウト]^(Layout)の横にある[コンパクト]^(Compact)を選択します。

注: この機能が macOS Montereyに初めて導入されたときは、 ^(Monterey)Safari > Preferencesに移動し、 [タブ]^(Tabs)タブを開いて、 [タブ バーに色を表示]^(Show)チェックボックスをオンにすることができました。その後、上記の場所に移転されました。

Safariで Web サイトに色を付けてみませんか?

^(Website)Safariでの^(Safari)Web サイトの色合い調整は、大きな違いを生む可能性のある小さな機能の 1 つです。それを楽しんですべてのAppleデバイスで有効にしているか、気が散ると感じてオフにしているかは、単に好みの問題です。ウェブサイトの色合い調整機能についてのご意見をお聞かせください。

詳細については、Mac で Safari をカスタマイズするその他の方法^{(ways to customize Safari on Mac)}を参照してください。

What Does “Website Tinting” Mean in Safari?

If you enjoy immersіng yourself in the websites you visit, уou сan do this simply by using Safari on iPhone, iPad, and Maс. With website tіnting, you’ll see the color оf the website you’re νisiting take oνer some of your scrеen or window.

What exactly is website tinting? How do you turn it on or off? We’ll answer these questions so that you can decide if you want to use website tinting in Safari on your Apple device.

What Is Safari Website Tinting?

With the releases of iOS 15, iPadOS 15, and macOS Monterey, Apple introduced the website tinting feature for the Safari browser. When you enable this feature and visit a site in Safari, you’ll see the web page’s color scheme at the top of your screen or window, depending on your device.

On the iPhone, you can see the status bar at the top that contains your Wi-Fi, and the battery indicator changes to match the Safari website. The screenshots below show website tinting enabled on the left and disabled on the right for the same site.

Note: If you use the Single Tab layout on iPhone, you won’t notice the change in the top bar until you scroll down the webpage, as shown below.

On iPad and Mac, the feature works similarly but is limited to the Compact tab layout. For example, in the iPad screenshots below, you’ll see website tinting turned on in the first image and off in the second.

On Mac, you can also see the website tinting in the first image below and what the same website looks like with the tinting disabled in the second image.

Website tinting aims to enhance your browsing experience when using Safari. Not only will you see matching colors and tones in the status bar on iPhone, but your Safari toolbar, navigation buttons, and address bar match the theme as well on iPad and Mac.

You may not just find this an attractive feature but a useful one. For example, it’s easy to spot which tab you’re using on iPad and Mac when you have many tabs open.

Because this type of experience may not be for everyone, Apple has made it optional. So, you can turn it on or off on your device. This lets you use it on the iPhone but not on the Mac, for example.

How to Turn Website Tinting On and Off on iPhone

To control website tinting in Safari on iPhone, follow these simple steps.

1. Open the Settings app and select Safari.
2. Move to the Tabs section.
3. Use the toggle for Allow Website Tinting to turn it on (green) or off (gray).

You’ll see the change immediately when you head back to Safari. You don’t have to close and reopen the app.

How to Turn Website Tinting On and Off on iPad

To control website tinting in Safari on iPad, follow these steps instead.

1. Open the Settings app and select Safari.
2. Move to the Accessibility section.
3. Use the toggle for Show Color in Compact Tab Bar to turn it on (green) or off (gray).

1. If you enable website tinting, select Compact Tab Bar in the Tabs section on the same screen. Remember, the feature only works with that tab layout.

When you switch back to Safari, you’ll see the change immediately.

How to Turn Website Tinting On and Off on Mac

As you have probably guessed, you can enable or disable website tinting easily in Safari on Mac too.

1. Open Safari and select Safari > Settings in the menu bar.
2. Go to the Advanced tab.
3. In the Accessibility section, check the box for Show color in compact tab bar.

1. Like the iPad, ensure you use the Compact layout to see the website tinting. Go to the Tabs tab and select Compact next to Tab Layout.

Note: When this feature first arrived on macOS Monterey, you could go to Safari > Preferences, open the Tabs tab, and check the box for Show color in tab bar. It has since been moved to the above location.

Will You Tint Your Websites in Safari?

Website tinting in Safari is one of those small features that can make a big difference. Whether you enjoy it and have it enabled on all your Apple devices or find it distracting and have turned it off, it’s simply a matter of preference. Let us know what you think about the website tinting feature.

For more, look at additional ways to customize Safari on Mac.

Related posts

• Windows11/10でのMicrosoftStoreサインインエラー0x801901f4を修正しました

• Windows10でのMicrosoftStoreエラー0x800700AAを修正

• MicrosoftStoreエラー0x80072F30を修正します接続を確認します

• Windows11/10でのMicrosoftStoreエラー0x80073CF9を修正

• Windows10でのMicrosoftStoreエラー0x80D02017を修正しました

• MicrosoftStoreがアプリをインストールしない問題を修正

• MicrosoftStoreをリセットする方法またはWindowsStoreのキャッシュをクリアする方法

• 複数のユーザーがインストールしたMicrosoftStoreがWindows11/10で起動しない

• MicrosoftStoreがWindows10で機能しない問題を修正

• Windows11/10でXboxまたはMicrosoftストアのエラー0x87e00017を修正

• MicrosoftStoreエラー0x80072F7Dを修正

• ドメインに参加した後、MicrosoftStoreアプリが機能しない

• Windows11/10でMicrosoftStoreのエラーコード0x80073CF3を修正

• Windows10でのMicrosoftアカウントのサインインエラー0x800706d9

• MicrosoftStoreの最高の生産性アプリWindows11/10

• 修正はMicrosoftStoreからダウンロードできません

• MicrosoftStoreエラー0x87AF0001を修正

• MicrosoftStoreからWindows10用のAdobeReaderアプリをダウンロードします

• MicrosoftStoreまたはWindowsUpdateエラー0x80246013を修正します

• Windowsがms-windows-storePurgeCachesを見つけることができません