Thumbnails plaatsen en limiet bij foto-upload - Development-iteratie #177

De release van iteratie #177 is gedaan. In deze iteratie hebben we een aantal puntjes op de i gezet voor het posten van afbeeldingen.

Posten van afbeeldingen - update

Bij de vorige release hebben we de eerste versie beschikbaar gemaakt van het gemakkelijker uploaden van afbeeldingen in forumtopics. Deze keer zijn we doorgegaan met het verbeteren van deze feature.

Thumbnails
Bij het invoegen van verschillende afbeeldingen in een topic hebben we nu de mogelijkheid gecreëerd om ze als thumbnails in het bericht toe te voegen.

Uploadlimiet
Tot nog toe was de uploadlimiet per afbeelding 5MB. Dat is opgekrikt tot 25MB. Daarbij gaan we nog wel kijken of we bij de upload optimalisatie kunnen toepassen. Daarmee willen we voorkomen dat gebruikers, bijvoorbeeld via mobiel, grote bestanden moeten ophalen bij het bekijken van foto's.

Endless scroll
In het overzicht van toe te voegen afbeeldingen kun je eindeloos naar beneden scrollen op zoek naar de juiste foto. Zodra je een of meer afbeeldingen selecteert, verschijnt de balk voor invoegen.

Quickreply-toolbar
Nadat we in de vorige iteratie de toolbar bij topicstarts en bij reacties op de frontpage hebben vernieuwd, hebben we die nu ook beschikbaar gemaakt bij het Quickreply-formulier.

Productreviews en fotoalbum
Bij het uploaden van afbeeldingen bij productreviews en in het fotoalbum is de styling van de drag-and-dropzone aangepast aan de nieuwe foto-uploadservice.

Bugfix
De bug waarbij de resize van de commentbox vreemd gedrag vertoonde in met name Chrome, is opgelost.

Reacties (37)

[cadsite]

Het enige wat ik mis is gemakkelijk afbeeldingen via imgur of dergelijke.
Kan dat nog steeds zonder eerst de afbeelding lokaal te moeten opslaan?

Voor screenshot's gaat dat nu super snel.
screenshot maken met greenshot, klik op de imgur knop en de URL zit in het clipboard.

[Femme]

We ondersteunen het pasten van afbeeldingen in het 'afbeelding toevoegen' scherm/popup. Dus op Windows zou je een screenshot moeten kunnen maken en kun je die pasten via afbeelding toevoegen.

[cadsite]

Aha, dus ipv via imgur, gewoon rechtstreeks plakken.
Mooi!

[DaFeliX]

We zijn bezig om het plaatsen van afbeelding a.d.h.v een URL in Q2 op te nemen; dus hopelijk kun je wel snel weer een URL plakken. Een integratie met Imgur of je Dropbox staat afaik nog niet op de planning.

[crisp]

Met screenshot functionaliteit die de afbeelding op je clipboard kan zetten, zoals de ingebouwde tool van Firefox, is het een kwestie van pasten in de 'afbeelding invoegen' dialoog

[StefanJanssen]

je kan (op windows in ieder geval) vanuit elke file dialog gewoon een linkje naar de afbeelding plaatsen. Dan download hij het eerst naar je temp folder en dan upload hij het weer.

[adje123]

Niceeeee!

De upload limiet van de foto's..., gaat dit over de V&A? Als dit over V&A gaat dan was de max 4MB dacht ik?

[crisp]

V&A is in deze nog niet meegenomen omdat daar nog meer moet worden aangepast dan enkel de limiet. Dit staat al wel op de planning

[Ulster Seedling]

Heel graag! De helft van de productfoto’s die ik met mijn iPhone schiet zijn groter dan 4MB, heel erg irritant om die eerst te moeten verkleinen voor ik een V&A-ad kan plaatsen… Zeker als je kleine dingetjes verkoopt of weg wilt geven kost dat gewoon te veel tijd.

[LA-384]

De limiet verhogen is natuurlijk een praktischere oplossing, maar kun je tot die tijd voor productfotos de fotokwaliteit in de camera app niet aanpassen? Lijkt mij een eenvoudigere handeling dan achteraf de foto's verkleinen in een app of op pc.

[DaFeliX]

Dit limiet gaat over de de "nieuwe" image uploader, deze zit (nog) niet in V&A

[TommyboyNL]

Heeft deze iteratie ook de tweakblogs van de frontpage verwijderd? Niet dat ik ze mis, maar het viel me gewoon op

[Xfade]

Die zie ik al een tijdje niet meer op de FP. Alleen nog rechts in het schuifmenu (waar je ze ook weg kan halen)

[crisp]

Zo te zien zijn er geen tweakblog posts die voldoen aan de criteria om op de frontpage te verschijnen. Als ik de updates bekijk op https://tweakblogs.net/ dan lijkt het gebruik van de tweakblogs behoorlijk tanende...

[Martinspire]

Zijn limieten van 25mb wel nodig? Ik snap dat je misschien groter wilt uploaden, maar uiteindelijk kunnen veel plaatjes toch gecomprimeerd en resized worden? Als iemand de source wil delen, kan dat altijd nog.

[MsG]

Dat is toch ook precies wat "Daarbij gaan we nog wel kijken of we bij de upload optimalisatie kunnen toepassen. Daarmee willen we voorkomen dat gebruikers, bijvoorbeeld via mobiel, grote bestanden moeten ophalen bij het bekijken van foto's." suggereert?

Maar het vooraf vanuit de gebruiker moeten verkleinen van de afbeeldingen is vrij middeleeuws, helemaal op een mobiel apparaat. Dat na upload aan de serverkant doen, of eventueel client-side aan de browserkant lijkt me beter dan hoe het jarenlang ging.

[Gropah]

Zijn limieten van 25mb wel nodig?

Ik ken vrij weinig plaatjes waarbij er 25mb aan data moet worden opgeslagen, zeker op de resolutie die tweakers laat zien. En als die 25mb echt nodig is, dan kun je denk ik beter een thumbnail plaatsen, met daarachter een link naar het volle ongecomprimeerde bestand.

[- peter -]

Word er client side geresized voordat de upload plaatsvind?

[DaFeliX]

Nope

[- peter -]

Oh, dat leek me juist zo handig. Is dat erg ingewikkeld?

[DaFeliX]

Nou, er kan een hoop client-side gebeuren (resizen, maar ook bijsnijden en dergelijke), maar daar hebben we nu heel bewust voor gekozen om dat niet te doen om te voorkomen dat we hier steeds meer functionaliteit in gaan ontwikkelen en we een Instagram gaan bouwen. We willen het foto uploaden vooral aanbieden als een ondersteunende dienst, en geen dienst op zich. Ik denk dus dat we vooral gaan kijken naar het toevoegen van andere bronnen (afbeelding a.d.h.v. URL, of direct vanuit je Dropbox oid), dan functionaliteiten om de afbeeldingen te bewerken.

[.oisyn]

Quickreply-toolbar
Nadat we in de vorige iteratie de toolbar bij topicstarts en bij reacties op de frontpage hebben vernieuwd, hebben we die nu ook beschikbaar gemaakt bij het Quickreply-formulier.

Top

Bugfix
De bug waarbij de resize van de commentbox vreemd gedrag vertoonde in met name Chrome, is opgelost.

Ook top

Alleen jammer dat die twee nog niet in combo werken (je kunt de quickreply alleen verticaal groter maken in chrome )

[crisp]

Dat laatste is bewust gedaan zodat je niet de layout meer kan breken.

Op plekken waar het kan kan je nog wel een stuk horizontaal resizen.(edit: ik zie dat dit bij de quickreply niet het geval is terwijl het daar ook wel zou kunnen, daar kunnen we misschien nog naar kijken).

[Reactie gewijzigd door crisp op 22 juli 2024 16:23]

[.oisyn]

Tja, ben er niet zo'n fan van om dat te limiteren. Voor de mensen die dat ook niet willen is er hier een snippet

[Jasphur]

In hoeverre is dit probleem opgelost? Foto feature mist foto link optie

Want het plakken van plaatjes rechtstreeks in de text box werkt niet op een mobiel

[Femme]

Dat is nog niet opgelost maar staat wel op de backlog.

[JvS]

Hulde voor alle verbeteringen!

Ik probeerde net bij een reactie op het forum een foto te uploaden, expres beetje groot gedaan, 7,5MB en 12MP. Maar ik kreeg een melding "afbeelding XXXXX.jpg is te groot" bij het kiezen van deze foto. Zijn de limieten daar anders?

En is de belerende rode balk over tweakers die hun afbeeldingen moeten resizen ook weg?
Ja ze zijn weg

[Reactie gewijzigd door JvS op 22 juli 2024 16:23]

[crisp]

Het uploadformulier wordt clientside gecached (maximaal 24 uur), en daarin zit ook een max-size directive die in de JS wordt gebruikt.. Je cache legen zou dat probleem op moeten lossen

[Fenzo]

Bij 'Wijzig sortering' (in de kop aan het begin van alle reacties) naar Plat geeft niet aan of het een posting een reactie op een andere posting was (thread), maar bij 'Wijzig sortering' naar Theaded staat de @<OP name> er wel bij.
Dit is de omgekeerde wereld want bij Threaded kun je al zien dat het een reactie op een ander is door het inspringen van het text block.
Plat vind ik vaak rustiger lezen, maar kan nu niet zien of het bijvoorbeeld een losse flodder is als reactie op iets anders.
Bij Plat moet @<OP name> er dus ook bij komen te staan om duidelijk te maken dat het om een reactie op een reactie ging.
Kortom: @<OP name> moet er atijd bij als het om een reactie in een thread gaat.

[crisp]

Dat lijkt een bug te zijn. We gaan er naar kijken

[rickboy333]

Is dat limiet van 4mb nu eindelijk eens weg bij V&A? Als ik me ergens aan irriteer is het dat wel. 6mb zou naar mijn idee prima kunnen.

Verder natuurlijk tof dat dit kan

[Reactie gewijzigd door rickboy333 op 22 juli 2024 16:23]

[ikloon]

Voor V&A gelden de wijzigingen nog niet. Daar is zoals ook al eerder aangegeven nog meer werk voor nodig. Dat staat wel op de planning.