Tools om het web vast te leggen en te converteren
GrabzIt is een online community

Hoe werkt het opschalen van afbeeldingen?

Stel vragen met betrekking tot de Web Scraper Tool van GrabzIt. Zoals hoe de webschraper en API te gebruiken om gegevens uit webpagina's, afbeeldingen of PDF-documenten te extraheren.

In de meeste gevallen wordt de schermafbeelding die ik probeer te maken in de browser verkleind, maar ik wil deze groter exporteren. Ik gebruik de waarden bheight en bwidth om aan te geven wat de hoogte en breedte van het element op de webpagina is en geef vervolgens de gewenste breedte- en hoogtewaarde door (wat dezelfde beeldverhouding zal zijn). In sommige gevallen is de hoogte 2-4 keer groter dan de bhoogte en dat begint het beeld erg wazig te maken.

Alle elementen in de div die ik probeer vast te leggen, worden echter niet groter dan 100% van hun grootte vergroot. De breedte van de div kan bijvoorbeeld 300 px zijn en ik wil dat deze wordt geëxporteerd als 900 px breed. Alle afbeeldingen in die div worden niet groter dan 300 px weergegeven, maar hun werkelijke breedte is 1000 px. Aangezien de afbeelding 1000 px breed is, zou het geen probleem moeten zijn om 900 px breed te zijn, maar het ziet er wazig uit alsof het in werkelijkheid een 300 px brede afbeelding was waarop 3x is ingezoomd. 

Bovendien is de tekst in die afbeelding wazig. 

Een paar vragen:

  - Doe ik iets fout?

  - Hoe schaalt Grabzit op? Wordt er een screenshot gemaakt met een breedte van 300 pixels (in mijn voorbeeld hierboven) en wordt deze daarna opgeschaald? Of schaalt het eerst mijn elementen uit HTML en retourneert het vervolgens de schermafbeelding?

  - Is de enige manier om te bereiken wat ik wil, de HTML converteren, zodat alle hoogte- en breedtewaarden worden vergroot met de schaal die ik wil?

 

Ik gebruik de ConvertHTML-methode met DataURI

 

Bedankt.

Gevraagd door GrabzIt Support op 24 september 2019

Informatie over het gebruik HD-beelden zijn hier te vinden.

Je zou de hd-parameter en -1 width en high moeten gebruiken, hierdoor wordt de grootte van de afbeelding verdubbeld.

Het wordt niet aanbevolen om de breedte te gebruiken om de exacte maat in te stellen. Bovendien betekent het instellen van de hoogte dat op het beeld wordt ingezoomd en vervolgens in de hoogte wordt geschaald, waardoor het beeld onscherp wordt.

HD-afbeeldingen werken door in te zoomen op het browservenster en een screenshot te maken.

Beantwoord door GrabzIt-ondersteuning op 24 september 2019

Bedankt. Het probleem is dat HD slechts 2x opschaalt en soms heb ik meer nodig dan dat. Is er een manier waarop ik een instelling als HD kan instellen, waarbij ik de schaal instel? Zo niet, is er dan een andere manier om te bereiken wat ik probeer te doen?

Op dit moment lijkt het erop dat de enige manier waarop ik kan bereiken wat ik wil, is door de HTML vast te leggen en vervolgens javascript te gebruiken om alle inline-stijlen van hoogte en breedte aan te passen en deze te vervangen door de hoogte en breedte van de schaal die ik wil.

Bedankt

Beantwoord door Corey Alderin op 24 september 2019

Oké, je kunt je eigen zoom instellen met behulp van de breedte, maar je moet de hoogte instellen op -1 om te voorkomen dat het formaat van de afbeelding in de lengte wordt gewijzigd.

Beantwoord door GrabzIt-ondersteuning op 24 september 2019

Maar ik wil ook dat de hoogte wordt aangepast. Dus als ik een afbeelding van 300x300 op het scherm heb, maar ik wil dat deze wordt geëxporteerd als 900x900, resulteert het instellen van de hoogte op -1 in een afbeelding van 900x300. 

Beantwoord door Corey Alderin op 24 september 2019

Ja, sorry dat u gelijk heeft met betrekking tot het instellen van de hoogte.

Het lijkt erop dat het zoomen via het instellen van de breedte momenteel niet werkt. Ik heb een zaak ingediend om dit op te lossen.

Beantwoord door GrabzIt-ondersteuning op 24 september 2019

OK dank je om het te laten weten. Enig idee hoe lang dit soort dingen duren? Ik weet dat tijdlijnen moeilijk te geven zijn, maar elk gevoel voor timing zou voor mij nuttig zijn.  

Beantwoord door Corey Alderin op 24 september 2019

Hopelijk binnen een dag of zo.

Beantwoord door GrabzIt-ondersteuning op 24 september 2019

Dat zou geweldig zijn, bedankt. 

Beantwoord door Corey Alderin op 24 september 2019

Het probleem is nu opgelost.

Beantwoord door GrabzIt-ondersteuning op 24 september 2019

Geweldig, bedankt dat je hier zo snel aan hebt gewerkt. Is dit iets dat ik meteen aan mijn kant zal zien of zal het enige tijd duren? De reden dat ik het vraag is omdat ik het net heb getest en het lijkt hetzelfde. 

Nogmaals bedankt

Beantwoord door Corey Alderin op 24 september 2019

Ik heb het zojuist geprobeerd en zoomen werkt als de breedte groter is dan de browserbreedte.

Beantwoord door GrabzIt-ondersteuning op 24 september 2019

Misschien begrijp ik niet goed wat er is opgelost. Ik test dezelfde div, maar met verschillende browsergroottes. Hoe kleiner de browser, hoe waziger het uiteindelijke beeld is, ook al is het exact hetzelfde.  

 

Met andere woorden, ik heb een uiteindelijke afbeelding van 1000px x 1000px. Ik heb het getest wanneer de div in de browser 800x800, 600x600, 400x400, enz. is en hoe kleiner de breedte/hoogte (of hoe groter de schaal tot aan de uiteindelijke breedte/hoogte), hoe waziger het uiteindelijke beeld is. 

 

Als mijn afbeelding er geweldig uitziet als de breedte/hoogte 800x800 is, zou deze er dan niet hetzelfde uit moeten zien als de afbeelding 400x400 is? 

 

Bedankt

Beantwoord door Corey Alderin op 24 september 2019

HD wordt aanbevolen omdat het de grootte van de afbeelding verdubbelt, wat de beste resultaten oplevert.

De oplossing betekent dat er nu daadwerkelijk wordt ingezoomd als de breedte groter is dan de browserbreedte.

Als u de breedte en hoogte gebruikt, moet u de breedte en hoogte verdubbelen of verdrievoudigen in verhouding tot de afmetingen van de browser om de beste resultaten te verkrijgen. Dit komt omdat zoom helaas in niveaus werkt en niet in percentages. Dus elk zoompercentage berekend op basis van de verschillen in breedte moet worden omgezet naar een niveau dat waarschijnlijk niet erg nauwkeurig is als het geen eenvoudige factor van de grootte is.

Beantwoord door GrabzIt-ondersteuning op 24 september 2019

HD is niet iets dat ik kan gebruiken (tenzij ik iets mis) omdat ik in sommige gevallen een exacte afmeting nodig heb, en niet 2X de grootte. En in sommige gevallen heb ik meer dan 2X nodig.

Eens kijken of ik begrijp wat je zegt. Laten we zeggen dat ik HTML heb van 200x200 en ik wil dat de uiteindelijke grootte 900x900 is. Dat is 4.5 x het formaat. Bedoel je dat dit alleen wordt gemaakt als 800x800 of 1000x1000 (4x of 5x zo groot) met de beste resultaten, maar dat het verschil van 5x de onscherpte veroorzaakt?

Als ik dit goed heb, is de beste oplossing om de HTML te manipuleren voordat deze wordt verzonden? Dus eigenlijk zou ik HTML moeten maken die de juiste grootte heeft en dan geen zoom nodig heeft?

 

Bedankt

Beantwoord door Corey Alderin op 24 september 2019

Ja, vrijwel, naarmate de niveaus groter worden naarmate de zoom groter wordt.

Dus zoomlenzen die niet x2, x3 of x4 zijn, zullen onnauwkeurig zijn omdat de afmetingen afwijken. Er zijn ook slechts tien potentiële zoomniveaus, wat volgens mij neerkomt op een maximum van X5.

Beantwoord door GrabzIt-ondersteuning op 25 september 2019