php开发，请教大家商城图片是怎么解决
php开发，请问大家商城图片是如何解决？
情况是这样的。。。
商城中某商品，在前台的设计中，图片大小分为四种类型，即
1.small_pic，就是最小的图，用在下定单，或者侧栏显示
2.list_pic,栏目列表及首页列表展示的图片
3.goods_show_pic,用于商品展示页面的图，利用js可以放大，放大的图就是下面所要说的图，原始尺寸的图片
4.original_pic，原始图片，规定好尺寸，用来被放大
这样的图片，我的想法，是通过原始图片，缩三次，成为三张不同尺寸的图片，跟sina博客一般的
我不知道这样的方法可不可行，还是说，让设计师做好除原始图另外三张图，再分别上传？
大家谈谈自己的创意及做法，谢谢先。。。
------解决方案--------------------
------解决方案--------------------
------解决方案--------------------
上传一张原图。用程序自动生成多张需要的缩略图。这是比较实用的方法。
若果每次上传都需要传几张照片。那工作量大了点。还要劳烦美工那边动工。实在有失效率呀！
------解决方案--------------------
好吧。当我没说。
------解决方案--------------------
我觉得还是设置尺寸比较省事
------解决方案--------------------
想要高质量的图片肯定需要GD2的resize来裁剪图片，而且单纯用CSS定义的话，小图没什么问题，大图的话会影响整站的加载速度，多几张图片就把你网站搞垮
Outils d'IA chauds
Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes
AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.
Undress AI Tool
Images de déshabillage gratuites
Clothoff.io
Dissolvant de vêtements AI
AI Hentai Generator
Générez AI Hentai gratuitement.
Article chaud
Outils chauds
Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit
SublimeText3 version chinoise
Version chinoise, très simple à utiliser
Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP
Dreamweaver CS6
Outils de développement Web visuel
SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)
Comment modifier element.style
Nov 24, 2023 am 11:15 AM
Méthodes permettant à element.style de modifier les éléments : 1. Modifier la couleur d'arrière-plan de l'élément ; 2. Modifier la taille de la police de l'élément ; 3. Modifier le style de bordure de l'élément ; . Modifier l'alignement horizontal de l'élément. Introduction détaillée : 1. Modifiez la couleur d'arrière-plan de l'élément, la syntaxe est "document.getElementById("myElement").style.backgroundColor = "red";" 2. Modifiez la taille de la police de l'élément, etc.
Comment modifier dynamiquement le style en réaction
Dec 28, 2022 am 10:44 AM
Méthodes pour réagir pour modifier dynamiquement le style : 1. Ajoutez une référence à l'élément dont le style doit être modifié, avec une syntaxe telle que "<div className='scroll-title clear-fix' ref={ this.manage }>" ; . Grâce au contrôle dynamique Le changement d'état modifie le style de l'élément ; 3. En utilisant le code JS dans le DOM, l'affichage et le masquage des transitions des différents DOM sont réalisés.
Quelles sont les nouvelles fonctionnalités du style Vue3 et comment les utiliser
May 14, 2023 pm 10:52 PM
Nouvelles fonctionnalités du style La version Vue3.2 a apporté de nombreuses mises à niveau au style des composants à fichier unique, tels que les styles locaux, les variables CSS et les styles exposés aux modèles. (Partage vidéo d'apprentissage : tutoriel vidéo vue) 1. Style local Lorsque l'étiquette a un attribut scoped, son CSS ne sera appliqué qu'aux éléments du composant courant : hi.example{color:red;} 2. Le sélecteur de profondeur est scoped Si le sélecteur du style souhaite effectuer une sélection plus "profonde", c'est-à-dire affecter les sous-composants, vous pouvez utiliser la pseudo-classe :deep() : .a:deep(.b){/*.. .*/ }Le contenu DOM créé via v-html ne sera pas
Comment compresser et formater des images dans Vue ?
Aug 25, 2023 pm 11:06 PM
Comment compresser et formater des images dans Vue ? Dans le développement front-end, nous rencontrons souvent le besoin de compresser et de formater des images. En particulier dans le développement mobile, afin d'améliorer la vitesse de chargement des pages et d'économiser le trafic utilisateur, il est essentiel de compresser et de formater les images. Dans le framework Vue, nous pouvons utiliser certaines bibliothèques d'outils pour compresser et formater des images. Compression à l'aide de la bibliothèque compresseur.js compresseur.js est un JavaS pour compresser des images
Les pénuries d'approvisionnement du Panasonic Lumix S9 complètent l'acte d'usurpation d'identité du Fujifilm X100VI malgré une mauvaise presse
Jun 14, 2024 am 09:36 AM
Depuis son lancement plus tôt cette année, le Panasonic Lumix S9 a été mêlé à une controverse. Entre les coins, Panasonic a coupé pour arriver à un tel petit corps et l'agitation certaine des critiques d'appareils photo lancée sur YouTube, il semblait que le Lumix S9 était condamné.
Erreur Vue : impossible d'utiliser v-bind pour lier correctement la classe et le style, comment le résoudre ?
Aug 26, 2023 pm 10:58 PM
Erreur Vue : impossible d'utiliser v-bind pour lier correctement la classe et le style, comment le résoudre ? Dans le développement de Vue, nous utilisons souvent la directive v-bind pour lier dynamiquement la classe et le style, mais nous pouvons parfois rencontrer des problèmes, comme l'incapacité d'utiliser correctement v-bind pour lier la classe et le style. Dans cet article, je vais vous expliquer la cause de ce problème et vous proposer une solution. Tout d’abord, comprenons la directive v-bind. v-bind est utilisé pour lier V
Comment redimensionner, recadrer, faire pivoter et retourner des images en Python
May 10, 2023 am 10:43 AM
Redimensionnez, recadrez, faites pivoter et retournez les images. Tout d'abord, nos images originales sont 10 images de tailles différentes téléchargées sur Internet, comme suit : Opération 1 : redimensionner Redimensionnez l'image à la même taille (320 240) depuis PILimportImageimporttorchvision.transformsastransforms# Utilisez le PIL. bibliothèque à lire dans Image et resizeefResizeImage():ifnotos.path.exists(rdir):os.makedirs(rdir)foriinrange(10):im=Image.open(d
Utilisez le sélecteur de pseudo-classe :checked pour modifier le style d'une case à cocher ou d'un bouton radio coché
Nov 20, 2023 am 11:48 AM
Cet article étant de longueur limitée, seuls de brefs exemples de code sont inclus. Voici un exemple : Supposons que nous ayons la structure HTML suivante : <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewpo
