fix: Improve images sizes and remove old images (#3025)

decentraland · Jan 26, 2024 · ec1e02b · ec1e02b
1 parent 6efce73
commit ec1e02b
Show file tree

Hide file tree

Showing 59 changed files with 16 additions and 128 deletions.
diff --git a/public/images/empty-ground.png b/public/images/empty-ground.png
diff --git a/public/images/empty-ground.webp b/public/images/empty-ground.webp
diff --git a/public/images/house-preview.png b/public/images/house-preview.png
diff --git a/public/images/nightclub-preview.png b/public/images/nightclub-preview.png
diff --git a/public/images/office-preview.png b/public/images/office-preview.png
diff --git a/public/images/scratch-preview-img.png b/public/images/scratch-preview-img.png
diff --git a/public/images/scratch-preview-img.webp b/public/images/scratch-preview-img.webp
diff --git a/public/images/template-preview-img.png b/public/images/template-preview-img.png
diff --git a/public/images/template-preview-img.webp b/public/images/template-preview-img.webp
diff --git a/public/images/theatre-preview.png b/public/images/theatre-preview.png
diff --git a/src/components/ErrorPage/ErrorPage.css b/src/components/ErrorPage/ErrorPage.css
@@ -46,7 +46,7 @@
 
 /* This is attached to the body */
 .error-body {
-  background-image: url('../../images/dev-hero.png');
+  background-image: url('../../images/dev-hero.webp');
   background-repeat: no-repeat;
   background-size: cover;
   background-position: 50%;

diff --git a/src/components/HomePage/HomePage.css b/src/components/HomePage/HomePage.css
@@ -69,20 +69,20 @@
 }
 
 .HomePage .ui.cards .ui.card > .content > .description > .card-image.collections {
-  background-image: url('../../images/home-page-collections.png');
+  background-image: url('../../images/home-page-collections.webp');
 }
 
 .HomePage .ui.cards .ui.card > .content > .description > .card-image.scenes {
-  background-image: url('../../images/home-page-scenes.png');
+  background-image: url('../../images/home-page-scenes.webp');
   background-size: 90%;
 }
 
 .HomePage .ui.cards .ui.card > .content > .description > .card-image.land {
-  background-image: url('../../images/home-page-land.png');
+  background-image: url('../../images/home-page-land.webp');
 }
 
 .HomePage .ui.cards .ui.card > .content > .description > .card-image.names {
-  background-image: url('../../images/home-page-names.png');
+  background-image: url('../../images/home-page-names.webp');
   background-size: 60%;
 }
 

diff --git a/src/components/HomePage/PromoBanner/PromoBanner.css b/src/components/HomePage/PromoBanner/PromoBanner.css
diff --git a/src/components/HomePage/PromoBanner/PromoBanner.tsx b/src/components/HomePage/PromoBanner/PromoBanner.tsx
diff --git a/src/components/HomePage/PromoBanner/PromoBanner.types.tsx b/src/components/HomePage/PromoBanner/PromoBanner.types.tsx
diff --git a/src/components/HomePage/PromoBanner/index.ts b/src/components/HomePage/PromoBanner/index.ts
diff --git a/src/components/MobilePage/MobilePage.css b/src/components/MobilePage/MobilePage.css
@@ -184,7 +184,7 @@
 }
 
 .MobilePage .thumbnail.thumb-2 {
-  background-image: url('../../images/mobile-thumb-2.jpg');
+  background-image: url('../../images/mobile-thumb-2.webp');
 }
 
 .MobilePage .thumbnail.thumb-3 {

diff --git a/src/components/Modals/CustomLayoutModal/CustomLayoutModal.tsx b/src/components/Modals/CustomLayoutModal/CustomLayoutModal.tsx
@@ -8,7 +8,7 @@ import { fromLayout } from 'modules/template/utils'
 import { ProjectLayout } from 'modules/project/types'
 import { Props, SceneCreationStep, State } from './CustomLayoutModal.types'
 import { SDKVersion } from 'modules/scene/types'
-import webEditorSrc from 'images/web-editor-image.png'
+import webEditorSrc from 'images/web-editor-image.webp'
 import styles from './CustomLayoutModal.module.css'
 export default class CustomLayoutModal extends React.PureComponent<Props, State> {
   state: State = {

diff --git a/src/components/Modals/ExportModal/ExportModal.css b/src/components/Modals/ExportModal/ExportModal.css
@@ -17,7 +17,7 @@
 }
 
 .ui.small.modal.ExportModal .content .export-modal-content-image {
-  background-image: url('../../../images/export_modal_img.png');
+  background-image: url('../../../images/export_modal_img.webp');
   height: 180px;
   width: 100%;
   background-size: contain;

diff --git a/src/components/NotFoundPage/NotFoundPage.css b/src/components/NotFoundPage/NotFoundPage.css
@@ -25,7 +25,7 @@
 
 /* This is attached to the body */
 .notfound-body {
-  background-image: url('../../images/dev-hero.png');
+  background-image: url('../../images/dev-hero.webp');
   background-repeat: no-repeat;
   background-size: cover;
   background-position: 50%;

diff --git a/src/components/SceneCreationSelector/SceneCreationSelector.tsx b/src/components/SceneCreationSelector/SceneCreationSelector.tsx
@@ -12,8 +12,8 @@ const videoSrc = {
   template: `${PUBLIC_URL}/videos/template-preview.mp4`
 }
 const imgSrc = {
-  scratch: `${PUBLIC_URL}/images/scratch-preview-img.png`,
-  template: `${PUBLIC_URL}/images/template-preview-img.png`
+  scratch: `${PUBLIC_URL}/images/scratch-preview-img.webp`,
+  template: `${PUBLIC_URL}/images/template-preview-img.webp`
 }
 
 export default function SceneCreationSelector({ onOpenModal, onNavigate }: Props) {

diff --git a/src/components/SceneDetailPage/MigrateSceneToSDK7/MigrateSceneToSDK7.tsx b/src/components/SceneDetailPage/MigrateSceneToSDK7/MigrateSceneToSDK7.tsx
@@ -2,9 +2,9 @@ import { useCallback, useMemo, useState } from 'react'
 import { Button, Checkbox, Loader, Modal, ModalActions, ModalContent, ModalNavigation } from 'decentraland-ui'
 import { t } from 'decentraland-dapps/dist/modules/translation/utils'
 import { locations } from 'routing/locations'
-import automaticMigrateImg from 'images/automatic_migrate.png'
-import migrateWithSmartItemsImg from 'images/migrate_smart_items.png'
-import infoImg from 'images/web-editor-image.png'
+import automaticMigrateImg from 'images/automatic_migrate.webp'
+import migrateWithSmartItemsImg from 'images/migrate_smart_items.webp'
+import infoImg from 'images/web-editor-image.webp'
 import { MigrateStep, Props } from './MigrateSceneToSDK7.types'
 import { getSmartItemsCount } from './utils'
 import styles from './MigrateSceneToSDK7.module.css'

diff --git a/src/components/UnsupportedBrowserPage/UnsupportedBrowserPage.css b/src/components/UnsupportedBrowserPage/UnsupportedBrowserPage.css
@@ -28,7 +28,7 @@
 
 /* This is attached to the body */
 .unsupported-browser-body {
-  background-image: url('../../images/dev-hero.png');
+  background-image: url('../../images/dev-hero.webp');
   background-repeat: no-repeat;
   background-size: cover;
   background-position: 50%;

diff --git a/src/images/automatic_migrate.png b/src/images/automatic_migrate.png
diff --git a/src/images/automatic_migrate.webp b/src/images/automatic_migrate.webp
diff --git a/src/images/avatar-friends.svg b/src/images/avatar-friends.svg
diff --git a/src/images/back.svg b/src/images/back.svg
diff --git a/src/images/dev-hero.png b/src/images/dev-hero.png
diff --git a/src/images/dev-hero.webp b/src/images/dev-hero.webp
diff --git a/src/images/email.svg b/src/images/email.svg
diff --git a/src/images/emoteV2.png b/src/images/emoteV2.png
diff --git a/src/images/empty_names.png b/src/images/empty_names.png
diff --git a/src/images/export_modal_img.png b/src/images/export_modal_img.png
diff --git a/src/images/export_modal_img.webp b/src/images/export_modal_img.webp
diff --git a/src/images/guest.svg b/src/images/guest.svg
diff --git a/src/images/hands_category_img.png b/src/images/hands_category_img.png
diff --git a/src/images/home-page-collections.png b/src/images/home-page-collections.png
diff --git a/src/images/home-page-collections.webp b/src/images/home-page-collections.webp
diff --git a/src/images/home-page-land.png b/src/images/home-page-land.png
diff --git a/src/images/home-page-land.webp b/src/images/home-page-land.webp
diff --git a/src/images/home-page-names.png b/src/images/home-page-names.png
diff --git a/src/images/home-page-names.webp b/src/images/home-page-names.webp
diff --git a/src/images/home-page-scenes.png b/src/images/home-page-scenes.png
diff --git a/src/images/home-page-scenes.webp b/src/images/home-page-scenes.webp
diff --git a/src/images/migrate.svg b/src/images/migrate.svg
diff --git a/src/images/migrate_smart_items.png b/src/images/migrate_smart_items.png
diff --git a/src/images/migrate_smart_items.webp b/src/images/migrate_smart_items.webp
diff --git a/src/images/mobile-thumb-2.jpg b/src/images/mobile-thumb-2.jpg
diff --git a/src/images/mobile-thumb-2.webp b/src/images/mobile-thumb-2.webp
diff --git a/src/images/mvmf-1064x100.gif b/src/images/mvmf-1064x100.gif
diff --git a/src/images/promo-home.png b/src/images/promo-home.png
diff --git a/src/images/purple_banner_bg.png b/src/images/purple_banner_bg.png
diff --git a/src/images/signout.svg b/src/images/signout.svg
diff --git a/src/images/skull.png b/src/images/skull.png
diff --git a/src/images/switch.svg b/src/images/switch.svg
diff --git a/src/images/template-preview.svg b/src/images/template-preview.svg
diff --git a/src/images/web-editor-image.png b/src/images/web-editor-image.png
diff --git a/src/images/web-editor-image.webp b/src/images/web-editor-image.webp
diff --git a/src/lib/api/builder.ts b/src/lib/api/builder.ts
@@ -36,7 +36,7 @@ export const FORUM_URL = config.get('FORUM_URL', '')
 export const getContentsStorageUrl = (hash = '') => `${BUILDER_SERVER_URL}/storage/contents/${hash}`
 export const getAssetPackStorageUrl = (hash = '') => `${BUILDER_SERVER_URL}/storage/assetPacks/${hash}`
 export const getPreviewUrl = (projectId: string) => `${BUILDER_SERVER_URL}/projects/${projectId}/media/preview.png`
-export const getEmptySceneUrl = () => `${PUBLIC_URL}/images/empty-ground.png`
+export const getEmptySceneUrl = () => `${PUBLIC_URL}/images/empty-ground.webp`
 
 export type FetchCollectionsParams = {
   assignee?: string