Cette page a été traduite par l'API Cloud Translation.
Switch to English

Redimensionner les images

Firebase
Fabriqué par Firebase

Redimensionne les images téléchargées sur Cloud Storage à une taille spécifiée et conserve ou supprime éventuellement l'image d'origine.

Comment fonctionne cette extension

Utilisez cette extension pour créer des versions redimensionnées d'une image importée dans un bucket Cloud Storage.

Lorsque vous importez un fichier image dans votre bucket Cloud Storage spécifié, cette extension:

  • Crée une image redimensionnée avec les dimensions spécifiées.
  • Nomme l'image redimensionnée en utilisant le même nom que l'image importée d'origine, mais avec le suffixe de la largeur et de la hauteur spécifiées.
  • Stocke l'image redimensionnée dans le même compartiment de stockage que l'image importée d'origine.

Vous pouvez même configurer l'extension pour créer des images redimensionnées de différentes dimensions pour chaque téléchargement d'image d'origine. Par exemple, vous pouvez vouloir des images de 200x200, 400x400 et 680x680 - cette extension peut créer ces trois images redimensionnées puis les stocker dans votre bucket.

L'extension copie automatiquement les métadonnées suivantes, le cas échéant, de l'image d'origine vers les images redimensionnées: Cache-Control , Content-Disposition , Content-Encoding , Content-Language , Content-Type , et les métadonnées fournies par l'utilisateur (un un nouveau jeton de téléchargement de stockage Firebase sera généré sur la ou les images redimensionnées si les métadonnées d'origine contiennent un jeton). Notez que vous pouvez éventuellement configurer l'extension pour écraser la valeur Cache-Control pour la ou les images redimensionnées.

Informations de configuration détaillées

Pour configurer cette extension, vous spécifiez une largeur maximale et une hauteur maximale (en pixels, px). Cette extension maintient le rapport hauteur / largeur des images téléchargées constant et réduit l'image jusqu'à ce que les dimensions de l'image redimensionnée soient égales ou inférieures à la largeur et à la hauteur maximales spécifiées.

Par exemple, supposons que vous spécifiez une largeur maximale de 200 pixels et une hauteur maximale de 100 pixels. Vous téléchargez une image de 480 px de large sur 640 px de haut, ce qui signifie un rapport hauteur / largeur de 0,75. L'image redimensionnée finale aura une largeur de 75 pixels sur 100 pixels de hauteur pour conserver le rapport hauteur / largeur tout en étant égale ou inférieure aux deux dimensions maximales spécifiées.

Configuration supplémentaire

Avant d'installer cette extension, assurez-vous d'avoir configuré un bucket Cloud Storage dans votre projet Firebase.

Facturation

Cette extension utilise d'autres services Firebase ou Google Cloud Platform qui peuvent avoir des frais associés:

  • Stockage en ligne
  • Fonctions cloud

Lorsque vous utilisez les extensions Firebase, vous n'êtes facturé que pour les ressources sous-jacentes que vous utilisez. Un plan de facturation payant n'est requis que si l'extension utilise un service qui nécessite un plan payant, par exemple en appelant à une API Google Cloud Platform ou en envoyant des requêtes réseau sortantes à des services non Google. Tous les services Firebase offrent un niveau d'utilisation gratuit. En savoir plus sur la facturation Firebase.

Comment installer cette extension

Utilisation de la console Firebase

Pour installer et gérer les extensions, vous pouvez utiliser la console Firebase.

Installer à l'aide de la console

Utilisation de la CLI Firebase

Pour installer et gérer les extensions, vous pouvez également utiliser la CLI Firebase:

Étape 1: exécutez la commande npm suivante pour installer l'interface de ligne de commande ou mettre à jour la dernière version de l'interface de ligne de commande.

npm install -g firebase-tools
Ça ne marche pas? Jetez un œil à la référence de la CLI Firebase ou modifiez vos autorisations npm .

Étape 2: Installez cette extension en exécutant la commande suivante

firebase ext:install storage-resize-images --project= projectId_or_alias 
Les soutiens
Stockage en ligne
Auteur
Licence
Apache-2.0
Version
0.1.10