diff --git a/src/runtime/components/NuxtImg.vue b/src/runtime/components/NuxtImg.vue
index cd6ac4537..829c64219 100644
--- a/src/runtime/components/NuxtImg.vue
+++ b/src/runtime/components/NuxtImg.vue
@@ -103,7 +103,7 @@ const mainSrc = computed(() =>
 
 const src = computed(() => placeholder.value ? placeholder.value : mainSrc.value)
 
-if (props.preload) {
+if (import.meta.server && props.preload) {
   const isResponsive = Object.values(sizes.value).every(v => v)
 
   useHead({
diff --git a/src/runtime/components/NuxtPicture.vue b/src/runtime/components/NuxtPicture.vue
index 5f1aef3e4..6e65aa686 100644
--- a/src/runtime/components/NuxtPicture.vue
+++ b/src/runtime/components/NuxtPicture.vue
@@ -91,7 +91,7 @@ const sources = computed<Source[]>(() => {
 
 const lastSourceIndex = computed(() => sources.value.length - 1)
 
-if (props.preload) {
+if (import.meta.server && props.preload) {
   const link: NonNullable<Head['link']>[number] = {
     rel: 'preload',
     as: 'image',