Hjem Sosiale medier Hvordan du endrer størrelsen på bilder med IrfanView for HTML5 og CSS3-baserte websider

Hvordan du endrer størrelsen på bilder med IrfanView for HTML5 og CSS3-baserte websider

Video: Slik komprimerer du bilder og laster de opp på nettsiden 2024

Video: Slik komprimerer du bilder og laster de opp på nettsiden 2024
Anonim

Alle de andre trippene for manipulering av bilder kan være valgfrie, men du bør virkelig endre størrelsen på bildene på HTML5 og CSS3-websidene dine. Selv om høyhastighetsforbindelser ikke har noen problemer med et stort bilde, gjør ingenting en nettside utilgjengelig for brukere med svakere tilkobling raskere enn oppblåste bildestørrelser.

For å endre størrelse på et bilde med IrfanView, utfør følgende trinn:

  1. Legg bildet i IrfanView.

    Du kan gjøre dette ved å dra bildet på IrfanView-ikonet, dra til en åpen forekomst av IrfanView, eller bruke menyene i IrfanView.

  2. Velg Endre størrelse / Resample på bildemenyen.

    Du kan også bruke Ctrl + R for dette trinnet.

  3. Bestem den nye bildestørrelsen.

    En rekke standard bildestørrelser er tilgjengelige. 800 × 600 piksler vil skape et stort bilde i de fleste nettlesere. Hvis du vil at bildet skal være mindre, må du skrive inn en størrelse i tekstfeltene. Bilder som er innebygd på nettsider, er ofte 320 piksler brede med 240 piksler høye. Det er et godt utgangspunkt. Alt mindre vil være vanskelig å se, og noe større kan ta for mye skjermplass.

  4. Behold aspektforholdet ved hjelp av den angitte kryssboksen.

    Dette sikrer at forholdet mellom høyde og bredde opprettholdes. Ellers kan bildet forvrenges.

  5. Lagre det resulterende bildet som en ny fil.

    Når du lager et bilde mindre, mister du data. Det er perfekt for versjonen du legger på nettet, men du bør henge på det opprinnelige store bildet hvis du vil endre størrelsen på nytt.

  6. Resample, heller enn å endre størrelse.

    Resampling er en langsommere men mer nøyaktig teknikk for å endre bildestørrelsen. Dette er IrfanViews standardadferd, så la det være alene. Det er fortsatt ganske fort på en moderne datamaskin. Standardfilen (Lanczos) er greit, selv om du kan eksperimentere med andre filtre for å få en raskere konvertering, hvis du vil.

Hvordan du endrer størrelsen på bilder med IrfanView for HTML5 og CSS3-baserte websider

Redaktørens valg

Bruk skjermfeltet til å endre QuickBooks 2014 Rapporter - dummies

Bruk skjermfeltet til å endre QuickBooks 2014 Rapporter - dummies

Skjermbildet i QuickBooks Modify Report dialogboksen lar deg kontrollere rapportintervalldatoen, rapportgrunnlaget, kolonnene og en annen formatering. Bokstavene Rapporter datoområde - Datoer, Fra og Til - gjør det samme som Datoer, Fra og Til bokser i Rapportvinduet. Disse boksene lar ...

Bruk skjermfeltet til å modifisere QuickBooks 2013 Rapporter - dummies

Bruk skjermfeltet til å modifisere QuickBooks 2013 Rapporter - dummies

Hvis du klikker Tilpass rapport, QuickBooks viser dialogboksen Endre rapport, som du kan bruke til å tilpasse en rapport. Når du tilpasser en rapport, endrer du rapportens utseende, layout og informasjonen som den oppsummerer. Dialogboksen Endre rapport ser annerledes ut for ulike rapporttyper. Likevel, hvis du ser forbi ...

Bruk fanen Filtre til å modifisere QuickBooks 2014 Rapporter - dummies

Bruk fanen Filtre til å modifisere QuickBooks 2014 Rapporter - dummies

Filtrene kategorien er trolig den mest interessante og en nyttig kategori som er levert av dialogboksen QuickBooks Modify Report. Filtre-fanen lar deg sette opp filtre som du kan bruke til å angi hvilken informasjon som oppsummeres i rapporten. For å bruke Filtrer-fanen velger du først feltet du vil ha ...

Redaktørens valg

Administrere Cloud Computing Resources - dummies

Administrere Cloud Computing Resources - dummies

I teorien bør cloud computing-tjenester ikke være forskjellig fra ressursene i din eget miljø, bortsett fra at de bor eksternt. Ideelt sett har du en komplett visning av cloud computing-ressursene du bruker i dag, eller vil kanskje bruke i fremtiden. I de fleste skymiljøer kan kunden bare få tilgang til ...

Tips for Going Cloud med datanettverkene dine - dummies

Tips for Going Cloud med datanettverkene dine - dummies

Beregning med datanettverket ditt kan være, hva skal du gjøre for å ta nettverket ditt mot skyen? Her er noen anbefalinger: Ikke stole på en dårlig Internett-tilkobling. Først og fremst, før du tar noen av nettverksoperasjonene i skyen, gjør du ...

Nettverkstjenester levert gjennom Cloud Computing - dummies

Nettverkstjenester levert gjennom Cloud Computing - dummies

Tre forskjellige typer nettverkstjenester kan leveres via skyen: applikasjoner , plattformer og tjenester (infrastruktur). I de følgende avsnittene beskrives disse tre typer skyttjenester i større detalj. Programmer i skyen Vanligvis kalt Software as a Service (SaaS), fullt funksjonelle applikasjoner kan leveres via skyen. En av ...

Redaktørens valg

10 Hadoop Ressurser verdt en bokmerke - dummies

10 Hadoop Ressurser verdt en bokmerke - dummies

Følgende er ti fantastiske Hadoop-ressurser som er verdige til å skape en bokmerke i nettleseren din. Disse ressursene hjelper deg med å skape en livslang læringsplan for Hadoop. Sentralnervesystemet: Apache. org Apache Software Foundation (ASF) er det sentrale fellesskapet for open source-programvareprosjekter. Ikke bare et prosjekt kan være et Apache-prosjekt - ...

Data transformasjon i Hadoop - dummies

Data transformasjon i Hadoop - dummies

Ideen om Hadoop-inspirerte ETL motorer har fått mye trekkraft de siste årene. Hadoop er trods alt en fleksibel datalagrings- og behandlingsplattform som kan støtte store mengder data og operasjoner på dataene. Samtidig er det feiltolerant, og det gir mulighet for kapital- og programvarekostnad ...

Datablokker i Hadoop Distributed File System (HDFS) - dummier

Datablokker i Hadoop Distributed File System (HDFS) - dummier

Når du lagrer en fil i HDFS, bryter systemet det ned i et sett med individuelle blokker og lagrer disse blokkene i forskjellige slave noder i Hadoop-klyngen. Dette er en helt vanlig ting å gjøre, da alle filsystemer bryter filer ned i blokker før de lagres til disk. HDFS har ingen ...