Inserare imagini in comentarii pe forum

Am observat ca exista multi utilizatori care nu cunosc cum sa realizeze o captura de ecran si cum sa o urce pe un forum (de exemplu, chiar pe acest forum).

In functie de sistemul de operare utilizat si de versiunea/ editia acestuia exista metode diferite pentru a realiza o captura de ecran.

O captura de ecran (screenshot) poate fi realizata si salvata automat intr-o anumita locatie de pe disk sau poate fi plasata intr-un program de editare foto.

Sub Windows 8.1 (si nu numai), de exemplu, se pot utiliza combinatiile de taste la care m-am referit aici:
- PrntScr: captureaza intreaga imagine de pe ecran si o depune in clipboard;
- Alt+PrntScr: captureaza fereastra curenta si o depune in clipboard;
- Win+PrntScr: captureaza intreaga imagine de pe ecran si o salveaza automat in %HOMEPATH%\Pictures\Screenshots' (in "This PC" > Pictures > Screenshots) cu nume precum 'Screenshot (1).png', 'Screenshot (2).png' etc.

Sub Windows 7 sau superior este preinstalat utilitarul 'Snipping Tool' care ne permite se realizam capturi "libere de forma", dreptunghiulare, ale unei ferestre sau pentru intregul ecran:

 iiicpf1.png   11.63K   60 downloads

Capturile realizate cu ajutorul acestei unelte pot fi salvate intr-un fisier dintr-o anumita locatie:

 iiicpf2.png   62.51K   175 downloads

In oricare versiune de Windows de la Windows XP in sus exista utilitarul 'Paint' care permite si realizarea anumitor prelucrari asupra imaginii capturate cu tasta PrtSc (Print Screen) si importate cu Paste sau incarcate dintr-un fisier. In locul acestei aplicatii pot fi instalate si utilizate multe alte programe mai avansate dintre care unele sunt gratuite.

Fisierul rezultat poate fi incarcat pe forum apasand butonul "Mai multe opțiuni de răspuns":

 iiicpf3.png   5.38K   250 downloads

si urmand instructiunile de pe ecran:

 iiicpf4.png   16.36K   245 downloads

Exista, de asemenea, cai directe pentru a insera imagini intr-un comentariu de pe forum. In acest scop putem utiliza site-uri precum: ctrlv.in, imgur.com,  tinypic.com etc.
Voi reveni si cu detalii in acest sens...
Preferabil este sa incarcam imaginile direct pe forum. Detalii mai jos.

Va rog sa veniti si voi cu sugestii privind caile cele mai rapide sau caile cele mai eficiente de a insera imagini pe forum!

Alte link-uri utile:

Screen recording To animated gif

Modul optim de upload al imaginilor pe forum

Edited by _-_, 10 July 2017 - 10:31.
update

Cum putem da Paste la o imagine direct intr-un comentariu de pe forum utilizand pagina de la CtrlV.in?
(Din cate mi-am dat seama pana acum, toate imaginile pe care le-am lipit pe forum prin intermediul acestui site au fost acceptate/ pastrate, dar mai recomandabil este ca imaginile sa fie incarcate direct pe forum, altfel nu exista certitudinea ca nu vor fi sterse. Detalii intr-un post ulterior...)

1. Ne asiguram ca imaginea pe care dorim sa o lipim intr-un comentariu se afla in clipboard.

2. Tastam adresa CtrlV.in in browser.

3. Apasam combinatia de taste Ctrl+V pentru a da Paste la imaginea din clipboard in pagina care se deschide.

[ http://img.ctrlv.in/img/14/07/03/53b54265d77f7.png - Pentru incarcare in pagina (embed) Click aici ]

4. Apasam butonul "Go To Image".

[ http://img.ctrlv.in/img/14/07/03/53b543175f3a9.png - Pentru incarcare in pagina (embed) Click aici ]
5. In noua fereastra care se deschide avem optiunea de a efectua mici modificari pe imagine (crop, rotire etc.) dupa care dam click dreapta pe imagine si alegem optiunea "Copy Image" (in Mozilla Firefox; in alte browsere depinde de fiecare browser).
[ http://img.ctrlv.in/img/14/07/03/53b543895eabb.png - Pentru incarcare in pagina (embed) Click aici ]
[ http://img.ctrlv.in/img/14/07/03/53b54488f20de.png - Pentru incarcare in pagina (embed) Click aici ]

6. La imaginea copiata nu ne mai ramane decat sa ii dam Paste in comentariul de pe forum.

[ http://img.ctrlv.in/img/14/07/03/53b5464f386d3.png - Pentru incarcare in pagina (embed) Click aici ]

Mai avem o varianta, si anume Sreenshooter.net . Doar apesi butonul de Print Screen si urca automat imaginea pe serverele lor. Daca apasam F9 putem captura doar o zona de pe ecran.

miki07, on 03 iulie 2014 - 14:06, said:

Ai omis un "c" din adresa: ScreenShooter.net.
Problema este ca pentru a putea utiliza aceasta functie trebuie instalat un program extern (programul lor) care ruleaza in background. De asemenea, tasta F9 poate avea un rol dedicat pe anumite notebook-uri...

Deoarece imaginile bazate pe link-uri externe (incarcate pe alte site-uri) pot sa dispara la un moment dat, cel mai bine este sa le incarcati direct pe Forumul Softpedia!
Doar daca aveti probleme cu spatiul pentru atasamente se justifica pe deplin utilizarea de link-uri externe pentru fotografii (cum am folosit eu in postul acesta de mai sus).
Un alt motiv pentru a recurge la alte site-uri ar fi graba (paste direct din clipboard pe site-ul repectiv) sau modul de afisare: observati marimea fotografiilor atasate in comentariul de mai sus (postul citat care incarca fotografiile de pe CtrlV.in) si marimea fotografiilor din acest post (incarcate direct de pe forum la marimea implicita de afisare)!

Gestionarea (vizualizarea) atasurilor urcate de voi pe forum (fisiere de orice tip admis, inclusiv fotografii adaugate in comentariile de pe forum) se realizeaza intrand in pagina voastra de setari ale contului de pe forumul Softpedia (click pe avatarul vostru din coltul din stanga-sus si alegeti "Setarile mele"), apoi facand click in stanga pe "Controleaza atasamentele".

 img00.png   50.16K   91 downloads

Nota:
Daca nu va apar toate butoanele, atunci schimbati tema in "Classic Blue":

 Tema.PNG   10.41K   75 downloads

Cum putem atasa imagini incarcate direct pe Forumul Softpedia in comentariile noastre am aratat la primul post. In continuare detaliez un pic:

1. Click pe "Mai multe optiuni de raspuns";

 img01.png   6.6K   105 downloads

2. Click pe Browse...;

 img02.png   22.03K   91 downloads

3. Alegeti unul dintre fisierele (imaginile) pe care doriti sa le adaugati in comentariu si apasati butonul "Open";

 img03.png   11.51K   105 downloads

4. Asezati cursorul (faceti click) in locul unde doriti ca imaginea sa fie inserata in comentariu si apasati in lista de fisiere atasate sub numele fisierului pe optiunea "Adauga in mesaj".

 img04.png   68.92K   81 downloads

Repetati apoi pasii 2 si 3 pana cand ati atasat comentariului toate fisierele dorite. Pasul 4 este optional si il utlizati numai daca doriti ca imaginea sa fie inserata intr-un loc exact din mesaj.

Edited by _-_, 07 December 2016 - 14:28.
update

O alta intrebare pe care am observat ca si-o pun anumiti utilizatori este: "Cum pot incarca pe forum mai multe fisiere simultan?"

Raspuns:

1. Apasati butonul "Mai multe opțiuni de rãspuns":

 Imagine_01.JPG   68.42K   44 downloads

2. Apasati butonul "Încercați uploader-ul avansat".

 Imagine_02.JPG   119.2K   48 downloads

3. Apasati butonul "Selecteazã fișiere...".

 Imagine_03.JPG   134.41K   44 downloads

4. Navigati catre locatia de pe disk unde se afla fisierele pe care doriti sa le incarcati pe forum. Aici puteti aplica una dintre metodele:
a. In timp ce tineti apasata tasta Ctrl faceti click cu mouse-ul pe fiecare fisier dorit (daca ati apasat din greseala pe un anumit fisier, atunci mai apasati o data Ctrl+click pe fisier).
b. Daca aveti de incarcat mai multe fisiere aflate unul dupa celalalt, atunci faceti click pe primul fisier din lista dupa care, in timp ce tineti apasata tasta Shift faceti click pe ultimul fisier din lista (ati gresit ceva? atunci faceti din nou click pe primul fisier s.a.m.d.).
Puteti combina metodele a si b (selectati o lista de fisiere, dupa care apasati Ctrl + click pentru deselectarea fisierelor nedorite).
La sfarsit apasati butonul "Open".

 Imagine_04.JPG   147.76K   30 downloads

5. Apasati butonul "Adaugã rãspuns".

In situatia in care doriti sa reveniti la modul standard de incarcare a fisierelor, puteti apasa butonul "Probleme la upload? Încercați uploader-ul standard".

 Imagine_05.JPG   144.53K   24 downloads

Pentru screenshot mai e si Lightshot.

http://app.prntscr.com/en/index.html

https://chrome.googl...ielnnpgdp?hl=ro

https://addons.mozil...ddon/lightshot/

Cum putem prelucra (rapid) unele imagini inainte de a le atasa pe forum?

1) Windows Snipping Tool (%windir%\system32\SnippingTool.exe)?

Eu am adaugat un link in TaskBar pentru acest instrument integrat in Sistemul de operare Windows (ultimele versiuni). Cand am nevoie sa efectuez o captura de ecran sau sa selectez o anumita portiune de pe ecran delimitata sau nu, dau click pe icon-ul aplicatiei din Taskbar, aleg un tip de 'snip' si salvez imaginea. Observati imaginile de mai jos:

 prelucrare_imagine_01.jpg   79.05K   15 downloads    prelucrare_imagine_02.jpg   22.16K   14 downloads

2) Windows Paint (%windir%\system32\mspaint.exe)?

Microsoft Paint se regaseste si in versiunile mai vechi de Windows (a inlocuit vechiul Paintbrush).
Iata un exemplu de utilizare a acestei aplicatii:

a. Efectuam o captura de ecran prin apasarea tastei Print Screen (Prt Scr);

b. Pornim aplicatia Paint;

De exemplu, sub Windows 8.1, apasam combinatia Win + S ('Search Everywhere' si tastam numele "paint"):

 prelucrare_imagine_03.jpg   33.15K   12 downloads

Sau in "All Apps" incepem sa tastam numele aplicatiei pana cand o observam in lista:

 prelucrare_imagine_04.jpg   38.45K   10 downloads

Sau la Command Prompt (ori in Start Menu > Run pentru versiunile mai vechi de Windows) tastam numele executabilului "mspaint" urmat de <ENTER>.
In Windows 8/ Windows 8.1 'Command Prompt' se poate deschide facand click dreapta in stanga Taskbar-ului (pe butonul Start) si alegand 'Command Prompt'.

Daca doriti, atunci puteti face o scurtatura pentru aplicatia Paint in TaskBar. Pentru a o porni facem click pe ea. Desigur ca exista si alte modalitati pentru a porni aplicatia Paint.

c. Apasam butonul "Paste" din aplicatie:

 prelucrare_imagine_05.jpg   42.04K   11 downloads

d. Dupa aceasta, apasam pe butonul "Select" si alegem o forma de selectie, de exemplu "Rectangular selection", dupa care selectam o anumita portiune din imagine si apasam butonul "Crop":

 prelucrare_imagine_06.jpg   179.67K   12 downloads

 prelucrare_imagine_07.jpg   116.24K   10 downloads

e. salvam imaginea decupata (File > Save As... > JPEG picture, de exemplu):

 prelucrare_imagine_08.jpg   83.5K   8 downloads

f. Aplicatii 3rd party gratuite care includ functii similare: XnView / XnView MP, Gimp etc.

Prelucrarea avansata a imaginilor:

A) Highlight, sublinieri, mazgaliri:

1) Snipping Tool

Odata imaginea "incarcata" in Snipping Tool putem utiliza Pen-ul pentru sublinierea sau "mazgalirea" anumitor elemente si Highlighter-ul pentru accentuarea unui text:

 prelucrare_imagine_11.jpg   57.8K   12 downloads

 prelucrare_imagine_12.jpg   97.87K   13 downloads

 prelucrare_imagine_13.jpg   87.32K   16 downloads

Daca gresim ceva, atunci folosim Eraser-ul (guma):

 prelucrare_imagine_14.jpg   34.5K   14 downloads

2) Paint

Avand imaginea deschisa in Paint putem face Highlight cu ajutorul Marker-ului si a culorii galbene, asociat unui Size mai mare/ maxim. Culoarea neagra impreuna cu "Watercolor brush", de exemplu, ne permite sa ascundem anumite elemente (daca plimbam de mai multe ori pensula peste aceeasi zona). Functia "Undo" ne ajuta sa anulam ultimele modificari:

 prelucrare_imagine_15.jpg   129.78K   13 downloads

De asemenea, putem utiliza si alte instrumente, cum ar fi forma dreptunghiulara pe care o umplem cu negru, o selectam, o copiem si o mutam peste zona pe care dorim sa o ascundem. Nu voi intra si in astfel de detalii, decat daca nu va descurcati singuri...


3) Gimp

0. Pornim GIMP si dam Paste la o imagine salvata in clipboard sau o deschidem cu File > Open daca este salvata ca si fisier...

 prelucrare_imagine_16.jpg   242.6K   9 downloads    prelucrare_imagine_17.jpg   171.01K   6 downloads

1. Folosim  Ctrl + mouse scroll pentru Zoom in/ out de fiecare data cand avem nevoie.

2. Click pe foreground color (in Tool-ul care se afla cel mai jos in Toolbox)

 prelucrare_imagine_18.jpg   231.81K   6 downloads

3. Click pe Pallete (ultimul tab din dreapta)
4. Alege culoarea galbena. OK

 prelucrare_imagine_19.jpg   132.73K   5 downloads

5. Click pe background color (in Tool-ul care se afla cel mai jos)
6. [Click pe pallete (ultimul tab din dreapta)]
7. Alege culoarea alba. OK

 prelucrare_imagine_20.jpg   128.18K   3 downloads

8. Click pe Rectangle select tool

 prelucrare_imagine_21.jpg   30.88K   5 downloads

9. Incadreaza textul
10. Click pe Bucket Fill Tool

 prelucrare_imagine_22.jpg   196.63K   8 downloads

11. Click pe Tool Options
12. Alege Opacity: in jur de 30, Fill Type: FG color fill, Affected Area: Fill whole selection
13. Click in selectie

 prelucrare_imagine_23.jpg   281.9K   7 downloads

Repeta pasii 14-17 de cate ori este necesar (restul setarilor raman deja "memorate"):
14. Click pe Rectangle select tool
15. Incadreaza textul
16. Click pe Bucket Fill Tool
17. Click in selectie

 prelucrare_imagine_24.jpg   33.53K   3 downloads

Pentru restabilirea setarilor implicite de la foreground si background:

18. Click la foreground and background colors (Tool-ul care se afla cel mai jos) pe imaginea micuta alb/negru:

 prelucrare_imagine_25.jpg   47.32K   3 downloads


B. Pentru ascunderea sau stergerea textului ori a altor elemente cu Gimp urmati pasii de mai jos:

0. Click la foreground and background colors (Tool-ul care se afla cel mai jos) pe imaginea micuta alb/negru
1. Modifica foreground-ul si background-ul daca este cazul
2. Alege Rectangle select tool
3. Incadreaza textul
4. Alege Bucket Fill Tool
5. La Tool Options alege Mode: Normal, Opacity: 100.0, Fill Type: FG color fill, Affected Area: Fill whole selection
6. Click in selectie
Repeta:
7. Alege Rectangle select tool
8. Incadreaza textul
9. Alege Bucket Fill Tool
10. Click in selectie

sau, metoda mai simpla:

1. Alegeti Eraser Tool (Guma)
2. Faceti Ctrl + click intr-o zona cu o anumita culoare pentru "culegerea" culorii
3. Alegeti o marime pentru guma
4. Plimbati guma
5. Repetati pasii 2, 3, 4 de cate ori este necesar


C. Uneori poate fi util sa clonati anumite zone din imagine. Pentru aceasta urmati pasii:

1. Selectati 'Clone Tool'
2. Din Tools Options: la Size... alegeti ce marime doriti
3. Faceti Ctrl + click pe sursa
4. Click pe destinatie
(informatiile afisate in bara de stare a ferestrei de editare va ofera ajutor contextual in permanenta.)

Orice imagine modificata in Gimp poate fi exportata (de exemplu, ca JPEG) din meniul "File" cu functia "Export" sau "Export As..." (Functiile "Save" ori "Save As..." salveaza doar in formatul implicit al lui Gimp).

Pentru realizarea de imagini animate (screen recording) si salvarea lor ca fisier gif se pot utiliza aplicatiile enumerate la topicul: Screen recording To animated gif.

Exista si posibilitatea salvarii automate a imaginii animate online cu ajutorul unei aplicatii de genul Gyazo (compatibila Windows, OS X si Linux - distributii bazate pe Debian, cum ar fi Ubuntu), urmand ca pe forum sa fie oferit un link (nu este obligatorie inregistrarea pe site, dar este preferabila). Detalii pe gyazo.com.
Totusi, la fel ca mai sus, cel mai bine este sa optati pentru urcarea de imagini direct pe forum, deoarece altfel pot sa dispara.

Truc pentru captura exact de dimensiunea unei ferestre (in Windows):

• Dupa cum scrie si mai sus, Alt+PrintScreen captureaza si pune in clipboard imaginea ferestrei active.
  
• In Paint folositi mai intai Image/ Attributes… pentru a seta dimensiuni mici (de exemplu 32x32 pixeli) pentru imaginea din Paint.
  
• Abia apoi Edit/ Paste. Paint mareste imaginea exact cat e necesar sa cuprinda ceea ce este in clipboard. Asa nu raman margini albe fara a fi nevoie de operatii suplimentare.

O aplicatie mai elaborata pentru realizarea de screenshoturi este PicPick: http://www.softpedia...e/PicPick.shtml
Varianta portabila: http://www.softpedia...e-PicPick.shtml

Recomand photobucket cu un cont free - am acolo poze de ani de zile care nu mi-au fost stese si spatiu berechet sa mai adaug o gramada de alte poze.

Cum putem reutiliza intr-un post o imagine deja salvata la atasamente?

 Reatasare1.PNG   34.58K   27 downloads

(Metoda este utila inclusiv pentru moderatori atunci cand doresc sa posteze un fisier, cum ar fi un screenshot, intr-un comment din Report Center. Pentru aceasta este necesar ca fisierul sa fie incarcat pe forum; de exemplu, postat mai intai intr-un topic ascuns, pe PM etc.)

Pasii pe care trebuie sa-i parcurgeti:

1) Se apasa butonul "My Media":

 Reatasare2.PNG   13.12K   31 downloads

2) Se apasa pe "Attachments":

 Reatasare3.PNG   81.84K   23 downloads

3) Se navigheaza in "My Media Library" cu ajutorul butoanelor "prev" si "next" sau se tasteaza numele fisierului, daca il cunoastem in caseta "Search My Media..."

 Reatasare4.PNG   106.28K   20 downloads


4) Se face click pe fisierul pe care dorim  sa-l atasam, apoi se apasa butonul "Finished":

 Reatasare5.PNG   107.5K   16 downloads

5) Se adauga comentariul: Add Repply (Add Comment).

Trebuie studiat cum se refoloseste o poza.

Edited by arg, 24 February 2017 - 17:48.

Pai nu asta am postat imediat mai sus?

test



da, dar de pe Tapatalk nu merge

Edited by arg, 24 February 2017 - 18:36.

Tapatalk are multe limitari. Cel putin eu nu suport aplicatia asta. Cand nu am la indemana decat telefonul ma conectez la forum direct din browser, ba inca ma conectez in modul desktop (versiunea mobila a forumului are limitari inacceptabile pentru mine).

Edited by _-_, 24 February 2017 - 19:37.