diff --git a/packages/blog/src/BlogPostContent.tsx b/packages/blog/src/BlogPostContent.tsx
index c9180e0..13a4e3a 100644
--- a/packages/blog/src/BlogPostContent.tsx
+++ b/packages/blog/src/BlogPostContent.tsx
@@ -95,7 +95,6 @@ export const BlogPostContent: React.FC<BlogPostContentProps> = async (
                     alt={alt}
                     width={1000}
                     height={1000}
-                    quality={100}
                     className="size-auto"
                   />
                 </span>
diff --git a/packages/ui/src/Home/About/AboutLogo.tsx b/packages/ui/src/Home/About/AboutLogo.tsx
index 186169c..9d4969c 100644
--- a/packages/ui/src/Home/About/AboutLogo.tsx
+++ b/packages/ui/src/Home/About/AboutLogo.tsx
@@ -9,7 +9,6 @@ export const AboutLogo: React.FC<AboutLogoProps> = () => {
   return (
     <div className="max-h-[370px] max-w-[370px] px-2 py-6">
       <Image
-        quality={100}
         src="/images/logo.webp"
         alt={t("meta.title")}
         width={800}
diff --git a/packages/ui/src/Home/Portfolio/PortfolioItem.tsx b/packages/ui/src/Home/Portfolio/PortfolioItem.tsx
index f5c5fd1..ca12b69 100644
--- a/packages/ui/src/Home/Portfolio/PortfolioItem.tsx
+++ b/packages/ui/src/Home/Portfolio/PortfolioItem.tsx
@@ -32,7 +32,6 @@ export const PortfolioItem: React.FC<PortfolioItemProps> = (props) => {
         >
           <div className="flex justify-center">
             <Image
-              quality={100}
               className="size-[300px] rounded-xl transition-opacity duration-500 group-hover:opacity-20 dark:group-hover:opacity-5"
               width={300}
               height={300}
diff --git a/packages/ui/src/Home/Skills/SkillItem.tsx b/packages/ui/src/Home/Skills/SkillItem.tsx
index c06b768..87ea3df 100644
--- a/packages/ui/src/Home/Skills/SkillItem.tsx
+++ b/packages/ui/src/Home/Skills/SkillItem.tsx
@@ -38,7 +38,6 @@ export const SkillItem: React.FC<SkillItemProps> = (props) => {
       >
         <Image
           className="inline size-16"
-          quality={100}
           width={64}
           height={64}
           alt={`Logo of ${skillName}`}
diff --git a/packages/ui/src/Layout/Header/Header.tsx b/packages/ui/src/Layout/Header/Header.tsx
index 73f7da8..83c538c 100644
--- a/packages/ui/src/Layout/Header/Header.tsx
+++ b/packages/ui/src/Layout/Header/Header.tsx
@@ -14,7 +14,6 @@ export const Header: React.FC<HeaderProps> = () => {
       <h1>
         <Link href="/" className="flex items-center justify-center">
           <Image
-            quality={100}
             className="w-16"
             src="/images/logo.webp"
             width={800}
diff --git a/packages/ui/src/Layout/Header/Locales/LocaleFlag.tsx b/packages/ui/src/Layout/Header/Locales/LocaleFlag.tsx
index 95ed0c3..33ceda0 100644
--- a/packages/ui/src/Layout/Header/Locales/LocaleFlag.tsx
+++ b/packages/ui/src/Layout/Header/Locales/LocaleFlag.tsx
@@ -14,7 +14,6 @@ export const LocaleFlag: React.FC<LocaleFlagProps> = (props) => {
   return (
     <>
       <Image
-        quality={100}
         width={35}
         height={35}
         src={`/images/locales/${locale}.svg`}